2016-08-06 5 views
4

Я пытаюсь использовать Sass с angular-cli, но он не работает. Я получаю следующую ошибку:Sass not compiling with angular-cli

EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass.

Я добавил node-sass к моему package.json, изменил styleUrls к ['app.component.sass'], а также установить "styleExt": "sass" в файле angular-cli.json.

Я пропустил что-то, чтобы заставить его работать?

ответ

4

Видимо, в documentation есть небольшая ошибка.

styleUrls не должен иметь scss или sass как расширение, но css вместо этого. Замена ['app.component.sass'] на ['app.component.css'] решена.

+0

Я использую угловой-CLI и мой SCSS муха становится скомпилирована кроме app.component.scss в корневой директории –

+0

Так что теперь ваши файлы скомпилированы из scss/sass в css? Я борюсь с той же проблемой, и, как я вижу, мои .scss-файлы из сгенерированных компонентов не компилируются и не используются. –

+0

Привет, на сегодняшний день вам просто нужно импортировать ваши файлы 'scss' в ваш компонент. См. [Официальные документы] (https://github.com/angular/angular-cli/wiki/stories-css-preprocessors). – Will

4

На самом деле это не так на тот момент, когда вы можете создавать свои проекты с помощью прекомпиляторов. Вы должны создать свой проект с ним.

ng new my_project --style=sass 

или если вы хотите использовать синтаксис СКСА идти с:

ng new my_project --style=scss 

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

  • Нет связанных вопросов^_^