bootstrap.css 不适用于 angular2 通用

bootstrap.css not work in angular2 universal

我正在使用 angular2 通用,
在index.html头添加bootstrap.min.css,但是不行,显示404错误,只能使用@Component styleUrls:['bootstrap.css']中的方法才行。为什么以及如何解决这个问题?

如果在index.html中添加,则不需要写styleUrls:['bootstrap.css']行。只需将其删除即可。

styleUrls:['somefile.css'] 当根目录中有一个名为 somefile.css 的文件时,您可以使用它。所以 styleUrls:['somefile.css'] 语法会将该文件提取到您的组件中。

使用 link rel="stylesheet" href="assets/bootstrap.min.css 并在 src/assets 文件中复制 css 文件可以解决这个问题问题,因为在 server.ts 文件中 app.use('/assets', express.static(path.join(__dirname, 'assets'), {maxAge: 30 }))