angular-cli@webpack 出现 primeng 404 问题
angular-cli@webpack with primeng 404 issues
我在使用 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。
如果您使用的是 webpack 分支,那么 node_modules
将不存在于服务目录中。你必须导入你想要使用的库,这将导致 webpack 为你打包它们。或者修改 angular-cli.json
的 apps[0].scripts
和 apps[0].styles
属性,如 https://github.com/angular/angular-cli#global-library-installation.
在src/
下应该有一个文件styles.css
。我想你可以在这里导入样式。
例如:
@import '../node_modules/primeng/resources/primeng.min.css';
另一种方法是在 angular-cli.json
文件中的 styles
数组中提及它们。
好像 1.0.0-beta.11-webpack.9-4 也修复了 bug
我在使用 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。
如果您使用的是 webpack 分支,那么 node_modules
将不存在于服务目录中。你必须导入你想要使用的库,这将导致 webpack 为你打包它们。或者修改 angular-cli.json
的 apps[0].scripts
和 apps[0].styles
属性,如 https://github.com/angular/angular-cli#global-library-installation.
在src/
下应该有一个文件styles.css
。我想你可以在这里导入样式。
例如:
@import '../node_modules/primeng/resources/primeng.min.css';
另一种方法是在 angular-cli.json
文件中的 styles
数组中提及它们。
好像 1.0.0-beta.11-webpack.9-4 也修复了 bug