首页 文章

angular-cli @ webpack有primeng 404问题

提问于
浏览 次
4

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

深深地感谢任何帮助 .

无法加载资源：服务器响应状态为404（未找到）http：// localhost：3000 / node_modules / primeng / resources / primeng.min.css无法加载资源：服务器响应状态为404 （未找到）http：// localhost：3000 / src / app / resources / css / font-awesome-4.6.3 / css / font-awesome.min.css无法加载资源：服务器响应状态为404 （未找到）http：// localhost：3000 / node_modules / primeui / primeui-ng-all.min.css无法加载资源：服务器响应状态为404

顺便提一下，我发布了以下代码：https://github.com/GregHila/primeng-angular-cli .

node.js angular http-status-code-404 angular-cli primeng

3 回答

  • 0

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

    例如 . ：

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

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

    回复于
  • 9

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

    回复于
  • 0

    看起来像1.0.0-beta.11-webpack.9-4也修复了这个bug

    回复于

相关问题