如何在我的Angular 2项目中包含JS lib?

时间:2016-09-23 12:30:31

标签: angularjs angular import tween

我设法安装Tween js npm install tween,但我无法将其导入我的组件?

我的lib是在node_modules / tween中安装的。

我试过了:

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

但它没有用。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

可能不是最好的方式,但有时我这样做的方式:

在index.html文件中包含脚本:

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

通过窗口对象访问脚本:

window.SCRIPTNAME

screenfull.js的示例:

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

我在我的代码中这样访问它:

window.screenfull

答案 1 :(得分:1)

我两天来一直在努力解决类似的问题。这就是我得到的。

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"

希望这可以提供帮助。