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

Question

我正在尝试在我的Angular 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

Answer 1

问题：您不包括具有自动完整代码的脚本文件(您跳过的步骤，因为您找不到System.js文件(

解决方案：由于您使用的是Angular 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",
            ...
            ...
          ],

希望这有帮助