如何在我的Angular 2项目中包含JS库？

我设法安装Tween js npm install tween但我无法将其导入到我的组件？如何在我的Angular 2项目中包含JS库？

我的lib安装在node_modules/tween中。

我想：

import * AS TWEEN from 'tween/tween.js' 
import {TWEEN} from 'tween'

但它不工作。

任何想法？

可能不是最好的方式，但方式我这样做有时会：

包括脚本在您的index.html文件：

<head> 
    ... 
    <script src="path/to/script"></script> 
    ... 
</head>

访问通过窗口对象的脚本：

window.SCRIPTNAME

带screenfull.js的示例：

<script src="/assets/scripts/screenfull.min.js"></script>

我访问它像这样在我的代码：

2016-09-23 12:35:04

主要问题是我没有访问index.html，我使用ionic2和这个文件似乎是在编译后创建的。 –

I'have从两天类似的问题挣扎。这是我得到的。

npm install @types/tween.js --save 
npm install tween.js --save-dev

@ types /后面的包名必须与第二个包相同。我之前很愚蠢地安装了npm install tween --save-dev而不是tween.js，我不知道什么是错的，浪费了几个小时来弄清楚这一点。而在你tsconfig.json添加

"compilerOptions":{..."types":[..."tween.js"]}

那么你可以

import * as TWEEN from "tween.js"

希望这可以帮助。

2016-12-15 05:09:25 mok

回答