невозможно загрузить файл css в приложение angular 6 - PullRequest
Новая
       4

невозможно загрузить файл css в приложение angular 6

0 голосов
/ 03 июня 2018

Я пытаюсь добавить базовые стили сброса в мое приложение angular 6.Но я продолжаю получать следующую ошибку в консоли.

**

Отказался от применения стиля из 'http://localhost:4200/app/style-components/reset.css', потому что его тип MIME (' text / html ')не поддерживается тип MIME таблицы стилей, и включена строгая проверка MIME.

**

Как видите, мои css-файлы называются reset.css, и я использую следующую строку вindex.html, чтобы добавить этот файл. 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>EasyNotes</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  **<link rel="stylesheet" type="text/css" href="app/style-components/reset.css">**
</head>
<body>
  <app-root></app-root>
</body>
</html>

Я новичок в этой новой версии angular, и для меня он довольно блокирующий.заранее спасибо:)

Ответы [ 2 ]

0 голосов
/ 02 декабря 2018

Вот хороший ответ на похожую проблему, подобную вашей.

Обычная причина этого сообщения об ошибке заключается в том, что когда браузер пытается загрузить этот ресурс, сервер возвращает страницу HTML вместоНапример, если ваш маршрутизатор перехватывает неизвестные пути и отображает страницу по умолчанию без ошибки 404.Конечно, это означает, что путь не возвращает ожидаемый файл CSS / изображение / значок / что угодно ...

Решение состоит в том, чтобы найти правильный путь и конфигурацию маршрутизатора, чтобы вы получили простой файл CSS / изображение /и т.д. при доступе к этому пути.

0 голосов
/ 03 июня 2018

Я думаю, что файл не найден во время выполнения, поэтому возвращается страница ошибки Html (или аналогичная).Поместите файл в папку assets и назовите его следующим образом: 

href="assets/reset.css"

Чтобы проверить это, откройте браузер и перейдите на свою страницу, нажмите F12, нажмите Network и нажмите F5, чтобыперезагрузить.Посмотрите на файлы статус Http.

Вы также можете поместить его куда-нибудь еще и сослаться на него в файле angular.json, в разделе styles и удалить его из index.html: 

"styles": [
   "src/app/style-components/reset.css"
],
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...