Я начинаю новый проект с Угловым и сталкиваюсь с проблемой. Когда я пытаюсь загрузить внешний файл 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
.
Но он не отображается на вкладке ресурсов.
Более того мои угловые нагрузки приложения отлично.
Если у вас есть идеи? :-D
Спасибо
О, боже ... Спасибо, человек. Как я мог пропустить это? –
Принимайте как можно правильное нажатие на стрелку слева от сообщения, если это ответ, который вам помог. Благодарю. – coderodour