引导样式404角

得到了一个奇怪的场景与自举css文件返回404引导样式404角

这只是我与角CLI创建了一个简单的角度“快速启动”风格的应用程序。我将Bootstrap添加到package.json，并使用npm update进行安装。

索引文件是一个非常简单的，并且包括在所述头部下面的链接元件：
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

的bootstrap.min.css类并在该位置处存在。

我然后运行使用ng serve --port 3000 --open

没有造型出现在渲染页面，并在Chrome浏览器开发工具（控制台）有红色的错误文本通知我
Failed to load resource: the server responded with a status of 404 (Not Found) :3000/node_modules/bootstrap/dist/css/bootstrap.min.css

但是应用，如果我点击开发工具的Sources选项卡，那么bootstrap.min.css类就在那里，正如我所期望的那样。

有谁知道这是怎么回事？

来源

2017-06-22 onefootswill

您应该添加styles阵列您.angular-cli.json配置里面的样式表：

{ 
    ..., 
    "apps": [ 
    { 
     ..., 
     "styles": [ 
     "./node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ] 
    } 
    ] 
}

如果您有root在例如在src文件夹中的配置，你应该在你的风格网址前面加上../

来源

2017-06-22 13:29:02 PierreDuc

有一种感觉是这样的。 ..也做到了。现在风格出现了。奇怪的是，我仍然得到开发工具中的红色404错误。即使Bootstrap在那里工作。 – onefootswill

将它从你的'index.html'中移除;） – PierreDuc

谢谢皮埃尔。随着Angular的速度发生变化，学习资料正在迅速变得过时。因此我的困惑。我的书已经部分过时了。 – onefootswill

您需要使用您的angular.cli.json添加您的第三方样式。

"styles": [ 
      "styles.css", 
      "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ],

来源

2017-06-22 13:29:54

引导样式404角

回答

相关问题