Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 外部CSS文件未使用链接标记加载_Html_Css_Angularjs_Nginx - Fatal编程技术网

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>