模块“AppModule”声明的意外模块“NgAutoCompleteModule”。请添加@Pipe/@Directive/@Component 注解答案

【问题标题】：Unexpected module 'NgAutoCompleteModule' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation模块“AppModule”声明的意外模块“NgAutoCompleteModule”。请添加@Pipe/@Directive/@Component 注解
【发布时间】：2018-04-24 15:24:00
【问题描述】：

我正在尝试在我的 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 创建的项目中找不到 systemjs 文件

【问题讨论】：

试试primefaces.org/primeng/#/autocomplete 效果很好
你能显示 app.module.ts 吗？
justpaste.it/31xwf
从提供者中删除 PersonnelviewComponent
我采纳了您的建议并用primeng 替换了它，它似乎正在工作。（除了 ui 设计）。我会在PersonnelviewComponent 之后尝试检查 ng2-input-autocomplete 并让您知道

标签： javascript angular npm angular5 angular2-template

【解决方案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",
            ...
            ...
          ],

希望对你有帮助

【讨论】：