意外的模块' NgAutoCompleteModule'由模块' AppModule'声明。请添加@ Pipe / @ Directive / @ Component注释

时间:2018-04-23 11:08:01

标签: javascript angular npm angular5 angular2-template

我正在尝试在我的角度2/4 +项目中实现自动完成功能。 我尝试了很多库,但都没有。他们给我类似的错误: Unexpected module 'NgAutoCompleteModule' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation

这是我尝试使用的库:ng2-input-autocomplete

我已遵循除add mapping in systemjs config部分之外的所有步骤。我无法在我的项目中找到使用CLI

创建的systemjs文件

1 个答案:

答案 0 :(得分:1)

问题:您没有包含具有自动填充代码的脚本文件(您跳过的步骤,因为您没有找到system.js文件)

解决方案:由于您使用的是角度cli,因此需要在angular-cli.json文件中添加此内容。

您的angular-cli.json文件中会有一系列脚本将此node_modules/ng2-input-autocomplete/bundles/ng2-input-autocompleteModule.umd.js添加到数组中。

像这样的东西 - >

"scripts": [
            "../node_modules/ng2-input-autocomplete/bundles/ng2-input-autocompleteModule.umd.js",
            ...
            ...
          ],

希望这有帮助