Node.js 棱角的-cli@webpack与底漆404问题

在angular2的初学者项目中，我得到以下错误，angular2-cli@webpack和底漆。PrimeNG中唯一的ui组件是一个下拉列表，它呈现并有自己的值，但从未应用过css主题（请参阅下面有关css的错误）。我不知道为什么我会犯这个错误，我花了无数个小时都没有结果，所以我现在不知所措。组件是使用ng命令生成的，ng serve运行web服务器。有人知道吗？我还尝试了node.js 6.5.0和4.5.0（使用nvm切换和管理它们）

非常感谢您的帮助

未能加载资源：服务器以404状态响应 （未找到） 未能加载资源：服务器以404状态响应 （未找到） 未能加载资源：服务器以404状态响应 （未找到） 未能加载资源：服务器以404状态响应

---

顺便说一下，现在我把代码发布在：

如果您使用的是webpack分支，则服务目录中将不存在

节点模块。您必须导入要使用的库，这将导致webpack为您捆绑这些库。或者修改
apps[0]。脚本
和
apps[0]。样式
angular cli.json的属性

如中所示。

在

src/

下应该有一个文件

styles.css

。我想你可以在这里导入样式

例如：

---

另一种方法是在

styles

数组中的

angular cli.json

文件中提到它们。

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

我尝试了第二个选项：修改

angular cli.json

，主题现在似乎可以正常工作了，但我仍然得到了所有4个css和一个js库的404错误甚至是陌生人。我不确定您所指的“导入”是什么。顺便说一下，我使用的是webpack分支。

webpack

是一个模块加载器，它会根据您导入的模块自动确定要提供哪些模块。通过使用

webpack

，

angularcli

可以抽象出许多手动过程，包括外部库。如果您以前没有使用过导入，那么我建议您阅读有关es6模块的内容。我熟悉这些模块，但我对以下语句感到困惑：“您必须导入要使用的库，这将导致webpack为您绑定它们。或者修改应用程序[0]。脚本”。如果你指的是我已经在angular components中进行的导入，同时我也在app.module.ts中导入模块，那么你是否暗示一旦我进行了导入，我就不需要担心css和js文件，因为webpack已经包含了模块？我的困惑在于import在这个上下文中描述了什么，也许举个例子会有所帮助。感谢您的耐心。“我不需要担心css和js文件，因为webpack已经包含该模块了？”-一旦您导入外部模块（并在应用程序中使用它？），webpack应该将其包含在其捆绑包中。这就是angular cli安装Web包的方式。这也适用于css导入。仅适用于网页包示例：切换到使用css而不是SCS，并清除了

angular cli.json

styles数组，但

styles.css

除外。然后在

styles.css

中导入以下内容，并将其从index.html中删除，该index.html现在只导入styles.css，但现在连主题都停止工作。@import'../node_modules/primeng/resources/themes/bootstrap/theme.css'；@import'../node_modules/font awesome/css/font awesome.min.css'；@import'../node_modules/primeng/resources/primeng.min.css'；您的

index.html

不应显式导入

style.css

。AFAIK这是由angular cli管理的。不管怎么说，你的node_modules dir中真的有priming目录吗？是的，我确实在node_模块中使用了primeng，而且primeui在安装时也附带了它。primengFound this post:并将导入放在styles.css中，我看不到任何get错误和无效字符，但下拉列表仍然看起来像

@import“./node_modules/font awesome/css/font awesome.min.css”；@import“./node_modules/primeng/resources/themes/afterdark/theme.css”；@import“./node_modules/primeng/components/galleria/galleria.css”；@import../node_modules/primeng/components/galleria/galleria.css";猜测：尝试搜索
node\u modules/primeng
和
node\u modules/primeui
中的
primeui ng all.min.css
或
primeui all.min.css
。只要把它链接起来。
@import '../node_modules/primeng/resources/primeng.min.css';