bootstrap.css在angular2通用中不起作用

Question

即时通讯使用angular2 universal，
在index.html头文件中添加bootstrap.min.css，但无法正常显示404 err，只能使用@Component中的方法styleUrls：[' bootstrap.css']可以工作。为什么以及如何解决这个问题？

Answer 1

使用link rel =“stylesheet”href =“assets/bootstrap.min.css并复制src/assets文件中的css文件可以解决这个问题，因为在server.ts文件中app.use（'/ assets'， express.static（path.join（__ dirname，'assets'），{maxAge：30}））

Answer 2

如果您将其添加到index.html，则不需要写入styleUrls:['bootstrap.css']一行。只要删除它，它应该工作。

styleUrls:['somefile.css']当有一个文件名为somefile.css驻留在您的根目录下时，可以使用此目录。因此styleUrls:['somefile.css']语法会将该文件提取到您的组件。