Angular 6 проект с Sass

Question

Итак, я осуществил миграцию проекта Angular 5 на Angular 6 (ну, больше похоже на то, что я сделал микс с обычной миграцией и новым проектом с повторным использованием файлов из-за множества проблем).Проект компилируется и работает хорошо, как и должно быть.

Bu Версия Angular 5 использовала sass вместо обычной css.Это не должно быть проблемой: я сделал следующие обновления, чтобы Angular 6 мог работать с файлами scss.

• schematics в angular.json установлено с "@schematics/angular:component": { "styleext": "scss" }
• style в angular.json установлено с "styles": [ "src/styles.scss" ]
• Все *Файлы 1019 * имеют расширение scss.
• Все компоненты имеют объявленный scss вместо css.

Ну ... Это не сработало,Мои страницы отображаются без стиля, тогда как файлы, кажется, правильно загружены.Я что-то пропустил?

(угловая версия - 6.1.10, CLI - 6.0.8)

обновление 2

• Консоль не пишет ничего, связанного сили отсутствующий файл.
• Стилизованные элементы не имеют своего стиля.
• В DevTools стили не являются вкладкой источников, но они также отсутствуют в Angular.Версия 5 (хотя они находятся на вкладке редактора стилей в Firefox).

Answer 1

Проблема решена: отсутствовали зависимости в style и scripts в angular.json.

Answer 2

Вы забыли скомпилировать файлы scss.

• do npm install -g sass
• , затем запустите sass styles.scss

, что превратит /скомпилировать scss файлы в css один.

Вы не можете связать прямые scss файлы для рендеринга стилей, их сначала нужно скомпилировать в css.