如何在我的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>
我访问它像这样在我的代码:
答
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"
希望这可以帮助。
主要问题是我没有访问index.html,我使用ionic2和这个文件似乎是在编译后创建的。 –