我正在尝试Angular 5,从angular-cli开始一个项目。在这个项目中,我想使用一个NPM模块:J2M(https://github.com/kylefarris/J2M),所以我在网上查看了这两个命令:
npm install j2m --save
npm install @types/j2m --save-dev
不幸的是,@ types / j2m根本不存在。 所以我试图找到一种方法来定义我自己的打字但却没有成功......
我正在使用此代码:
import * as J2M from "j2m";
...
console.log(J2M.toM(value));
但根据我在网上找到的样本,“j2m”无法识别,或“toM”不是函数...
那么,导入这个模块的正确方法是什么?
谢谢,
答案 0 :(得分:11)
您需要将脚本添加到angular-cli.json
文件中。
在scripts
属性下,添加
'../node_modules/path/to/minified/js.js'
如果需要样式,则还必须将其添加到styles
属性下的同一文件中。
完成后,导入您的资料库。这意味着您不需要使用
这样的东西import * from 'j2m';
但是如果你想在没有IDE抛出错误的情况下使用全局变量,那么你应该添加
declare var J2M: any;
J2M
是库中导出的全局函数(例如,对于MomentJS,此变量称为moment
)。
当您使用定义文件时,它只是告诉CLI自动获取JS库,并为您提供IDE自动完成功能。使用此解决方案,您没有自动完成,并且您明确告诉CLI在哪里获取库。