2016-08-02 3 views
2

Я начинаю новый проект с Угловым и сталкиваюсь с проблемой. Когда я пытаюсь загрузить внешний файл CSS с <link>, он не работает, но когда я использую внутренний стиль с @import, он работает!Внешний файл CSS не загружается с тегом ссылки

Не работает с: <link rel="stylesheet" type="text/css" src="transmission.min.css">

Работы с: <style>@import url('transmission.min.css');</style>

Мои файлы находятся в том же каталоге (корень приложения):

/ 
/index.html 
/transmission.min.css 
/transmission.min.js 

Мой CSS и JS файлов конкатенируются и ругаются, но я пробовал без него и тот же результат.

Вот мой файл 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> 

Мой CSS файл содержит только body{background-color: red;}

Я проверил мою конфигурацию Nginx дважды, и кажется, что все будет просто отлично.

Я также проверил с помощью инспектора Safari, я могу получить доступ к файлу CSS по адресу http://transmission.dev/transmission.min.css.

Но он не отображается на вкладке ресурсов.

No CSS file here

Более того мои угловые нагрузки приложения отлично.

Если у вас есть идеи? :-D

Спасибо

ответ

5

link тег использует href атрибут в противопоставляли src, как вы указали. Пожалуйста, измените и проверьте.

+0

О, боже ... Спасибо, человек. Как я мог пропустить это? –

+0

Принимайте как можно правильное нажатие на стрелку слева от сообщения, если это ответ, который вам помог. Благодарю. – coderodour

2

Это должно быть

<link rel="stylesheet" type="text/css" href="transmission.min.css">

link тег использует href и не src

Надеется, что это помогает!

Смежные вопросы