Html 外部CSS文件未使用链接标记加载
我开始了一个新的项目与角度和面临的问题。 当我尝试加载带有Html 外部CSS文件未使用链接标记加载,html,css,angularjs,nginx,Html,Css,Angularjs,Nginx,我开始了一个新的项目与角度和面临的问题。 当我尝试加载带有的外部CSS文件时,它不起作用,但当我使用带有@import的内部样式时,它确实起作用 不适用于: 使用:@import url('transmission.min.css') 我的文件位于同一目录(应用程序的根目录): 我的CSS和JS文件是通过grunt连接和缩小的,但我没有尝试,结果是一样的 这是我的index.html文件: <!doctype html> <html> <head> &
的外部CSS文件时,它不起作用,但当我使用带有@import的内部样式时,它确实起作用
不适用于:
使用:@import url('transmission.min.css')代码>
我的文件位于同一目录(应用程序的根目录):
我的CSS和JS文件是通过grunt连接和缩小的,但我没有尝试,结果是一样的
这是我的index.html文件:
<!doctype html>
<html>
<head>
<title>Transmission</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" src="transmission.min.css">
<style>
@import url('transmission.min.css');
</style>
<base href="/">
</head>
<body ng-app="transmission">
<div ng-view=""></div>
<script src="transmission.min.js"></script>
</body>
传输
@导入url('transmission.min.css');
我的CSS文件只包含body{background color:red;}
我检查了两次我的nginx配置,一切似乎都很好
我还与Safari inspector进行了检查,我可以在http://transmission.dev/transmission.min.css
但它不会出现在“资源”选项卡中
此外,我的角度应用程序负载完美
你知道吗-D
谢谢链接
标记使用href
属性,而不是您指定的src
。请更改并检查。应该是
link
标记使用href
而不是src
希望有帮助 如果这是对您有帮助的答案,请单击帖子左侧的箭头,将其视为正确答案。谢谢
<!doctype html>
<html>
<head>
<title>Transmission</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" src="transmission.min.css">
<style>
@import url('transmission.min.css');
</style>
<base href="/">
</head>
<body ng-app="transmission">
<div ng-view=""></div>
<script src="transmission.min.js"></script>
</body>