使用Angular2 CLI导入3d party JS

时间:2016-11-01 13:34:51

标签: jquery angular angular-cli parsley.js

请帮助我一劳永逸地了解我所遗漏的一切。

在angular-cli.json文件中,我将库放在脚本部分,例如:

" ../ node_modules / jquery的/ DIST / jquery.min.js",

" ../ node_modules /引导/ DIST / JS / bootstrap.min.js"

我需要做什么 else 吗?因为我的库以这种方式运行得很好,就像bootstrap一样,但是其他的却没有。 例如,即使我输入脚本部分

" ../ node_modules / parsleyjs / DIST / parsley.min.js",

我一直收到错误

jQuery(...)。parsley在使用时不是函数(...)

此外,在谷歌搜索后,我看到人们引用angular-cli-build.json文件,但我没有这样的文件。我需要它来解决问题吗?我怎么得到它?

谢谢!

2 个答案:

答案 0 :(得分:0)

安装第三方库时,我在angular-cli中需要做的就是使用--save对它们进行npm安装,以便更新package.json。如果他们需要额外的CSS,那么我在angular-cli.json的样式部分添加它。

确保使用的是最新版本的angular-cli(最新版本中没有angular-cli-build.json)

答案 1 :(得分:0)

您可以尝试这些选项,

  • 尝试将这些添加到根模块类import 'bootstrap'; import 'jquery';

  • 您也可以使用这种方法(通过编写自定义类型)来解决此问题。将其包含在生成的typings.d.ts文件中。

    interface JQuery { parsley(options: any): JQuery; }