Angular 4+第三方模块使用基本标记导入404错误

Question

我将一个角色部分放入我的MVC应用程序中。因此，我在布局视图中添加了一个标签来查找Angular源代码，这很有效。

我的问题出现在尝试将第三方模块添加到我的项目中。我通过package.json添加它没有问题，并将模块添加到我的app.module.ts，如下所示：

import { FileUploadModule } from 'primeng/fileupload';

找到参考文献，Visual Studio很高兴，一切都很好。但是，当我在本地运行项目时，我收到以下404错误：

  

获取http://localhost:59911/src/primeng/fileupload 404（未找到）

在我看来，标签可能会导致问题，但我无法删除它而不会杀死其余的Angular功能。任何提示？我可以在进口调用中添加覆盖吗？

谢谢，迈克

Answer 1

在PrimeNG的官方网站上，他们建议使用import { FileUploadModule } from 'primeng/fileupload';，但它不再起作用。我猜他们没有更新文档。

You need { FileUploadModule } from 'primeng/primeng';

结构为

在primeng.d.ts文件中，PrimeNG重新导出了所有模块。

export * from './components/fileupload/fileupload';

目前，无论使用哪个PrimeNG模块，都来自primeng/primeng。这是我项目中导入的模块：

import {
  ButtonModule,
  CodeHighlighterModule,
  ConfirmDialogModule,
  FieldsetModule,
  FileUploadModule,
  GrowlModule,
  MessagesModule
} from 'primeng/primeng';

我使用的版本是"primeng": "^4.2.1"

Answer 2

问题是primeng不在映射中，所以它在src中寻找它。

我将以下内容添加到systemjs.config.js：

地图中的

• ：

  ＆＃39; primeng＆＃39;：＆＃39; npm：primeng＆＃39;，

包中的

• ：

  primeng：{       defaultExtension：＆＃39; js＆＃39;   }

感谢大家的帮助！