为什么我的样式未加载到HEAD-Angular

时间:2018-10-15 09:56:14

标签: css angular

这使我的网页加载时没有样式,这在js加载样式之前停留了几秒钟。

Styles.js is loaded here and not in header

我将我的CSS添加到了angular.json文件中 "styles": [ "./node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.sass" ], "scripts": [ "./node_modules/jquery/dist/jquery.min.js", "./node_modules/bootstrap/dist/js/bootstrap.min.js" ] 它不应该在那里吗?

1 个答案:

答案 0 :(得分:1)

您的样式在文档的末尾。由于已加载文档中的所有资产,因此浏览器将加载您的样式。浏览器无需任何CSS即可呈现HTML代码,因为它尚无样式。

将包括的样式移动到<head>,这样,样式将首先被加载。