安装的 npm 安装的模块无法被 Angular 识别答案

【问题标题】：installed npm installed module not recognised by angular安装的 npm 安装的模块无法被 Angular 识别
【发布时间】：2018-09-23 00:18:51
【问题描述】：

所以我正在尝试将一个 npm 包安装到我的 angular cli 项目中。

https://npm.runkit.com/ng2-dropdown-multiselect

我已经运行命令在 npm 中安装并保存模块。

我已确认它在我的包裹中。我已将它导入到我的应用程序模块中，并将其清除到我的导入数组中：

npm install --save ng2-dropdown-multiselect
suitsandtables@0.0.0 /home/rickus/Documents/softwareProjects/211hospitality/suitsandtables/frontend/suitsandtables
└── ng2-dropdown-multiselect@1.2.0 

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN worker-loader@0.8.1 requires a peer of webpack@>=0.9 <2 || ^2.1.0-beta || ^2.2.0 but none was installed.

现在导入

import {DropdownMultiselectModule} from 'ng2-dropdown-multiselect';

imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    PdfViewerModule,
    DropdownMultiselectModule,
    RouterModule.forRoot(appRoutes)
  ],

但什么都没有。导入中的文本：{DropdownMultiselectModule}

如果正确引用它应该是橙色的，但它的白色表示导入失败。我查看文档，我做的一切都是正确的。我查看了我已导入的其他包，并且一切正常。

有人知道这是什么原因吗？

【问题讨论】：

当您说它应该是橙色时，您指的是 IDE 突出显示吗？我注意到一些 IDE 不会立即获取 npm 安装，并要求您切换到另一个窗口来获取它。如果代码仍然通过 ng serve 编译并且应用程序仍然呈现，那么你就很清楚了:)
正确。好的，我将关闭窗口并再次查看
关闭并重新打开窗口，但它不起作用
我要尝试另一个包看看会发生什么
@zmanc 谢谢我带了另一个包。我很感激你。

标签： node.js angular npm-install

【解决方案1】：

我在我的本地机器上试过，我得到了同样的行为。这肯定很奇怪。此外，我会警告不要使用这个包，因为它被标记为不再维护

【讨论】：

确实在我的本地机器上试过了，没有成功，还发现不再维护的评论

【解决方案2】：

这是一个经过我和另一个人验证的坏包。我和另一个一起去了，效果很好。我一起去的是：

https://www.npmjs.com/package/ng-multiselect-dropdown

【讨论】：

也是如此，我试过这个包，几分钟后它就启动并运行了