Ошибка для стиля. css в angular приложении - PullRequest
0 голосов
/ 18 февраля 2020

Я работаю над приложением, используя angular 7. Приложение выдает эту ошибку:

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

То, что я пробовал и не работало устанавливает его в angular.json внутри тега style, не работает. Теперь у меня есть это, но оно все еще не работает:

Вот мой индекс. html:

<html lang="en">

<head>
  <meta charset="utf-8">
  <title>NTT Hotline Manager</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.png">
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
  <app-root></app-root>
</body>

</html>

Мой style.css файл:

@import "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css";
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@import "../src/app/css/all.css";

У меня есть импортировал css из моего all.css файла

Структура моей папки:

myProject
`-- Webcontent
    `-- src
        |-- app
        |   |-- components
        |   `-- css
        |       `-- all.css
        `-- styles.css

Но по какой-то причине он не работает и выдает ошибку выше. В чем может быть проблема?

1 Ответ

0 голосов
/ 18 февраля 2020

Я думаю, что проблема в том, что вы добавляете файл all. css по неправильному пути и не находите все. css. Попробуйте изменить путь на @import "./app/css/all.css"; и удалить из индекса. html <link rel="stylesheet" type="text/css" href: '../Webcontent/src/styles.css'>. В вашем angular. json вы тоже должны иметь эту структуру.

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