angular-cli@webpack 出现 primeng 404 问题

Question

我在使用 angular2、angular-cli@webpack 和 primeng 的入门项目中遇到以下错误。 PrimeNG 中唯一的 ui 组件是一个呈现的下拉列表，它有自己的值，但没有应用任何 css 主题。（请参阅下面关于 CSS 的错误）。我不确定为什么会出现此错误并且花了无数个小时没有结果，所以此时我不知所措。组件是用 ng 命令生成的，ng serve 运行 web 服务器。有人知道吗？我也尝试过 node.js 6.5.0 和 4.5.0（使用 nvm 切换和管理它们）。

非常感谢任何帮助。

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/node_modules/primeng/resources/primeng.min.css Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/src/app/resources/css/font-awesome-4.6.3/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/node_modules/primeui/primeui-ng-all.min.css Failed to load resource: the server responded with a status of 404

顺便说一下，我现在将代码发布在：https://github.com/GregHila/primeng-angular-cli。

Answer 1

如果您使用的是 webpack 分支，那么 node_modules 将不存在于服务目录中。你必须导入你想要使用的库，这将导致 webpack 为你打包它们。或者修改 angular-cli.json 的 apps[0].scripts 和 apps[0].styles 属性，如 https://github.com/angular/angular-cli#global-library-installation.

Answer 2

在src/下应该有一个文件styles.css。我想你可以在这里导入样式。

例如：

@import '../node_modules/primeng/resources/primeng.min.css';

另一种方法是在 angular-cli.json 文件中的 styles 数组中提及它们。

Answer 3

好像 1.0.0-beta.11-webpack.9-4 也修复了 bug

angular-cli@webpack 出现 primeng 404 问题

angular-cli@webpack with primeng 404 issues

node.js

angular

http-status-code-404

angular-cli

primeng