Я использую последний RC5 с Угловым 2 CLI. CSS работает отлично, но переход на SCSS не и приводит к следующей ошибке консоли:Угловые 2 через CLI не распространяют файлы SCSS
zone.js: 101GET http://localhost:4200/app/app.component.scss 404 (Not Found) scheduleTask @ zone.js: 101ZoneDelegate.scheduleTask @ zone.js: 336Zone.scheduleMacroTask @ zone.js: 273 (анонимная функция) @ zone.js: 122send @ VM68431: 3XHRImpl.get @ xhr_impl.ts: 48DirectiveNormalizer._fetch @ directive_normalizer.ts: 45 (анонимная функция) @ directive_normalizer.ts: 164DirectiveNormalizer._loadMissingExternalStylesheets @ directive_normalizer. ts: 164DirectiveNormalizer.normalizeExternalStylesheets @ directive_normalizer.ts: 143 (анонимная функция) @ directive_normalizer.ts: 76ZoneDelegate.invoke @ zone.js: 323Zone.run @ zone.js: 216 (анонимная функция) @ zone.js: 571ZoneDelegate.invokeTask @ zone.js: 356Zone.runTask @ zone.js: 256drainMicroTaskQueue @ zone.js: 474ZoneTask.invoke @ zone.js: 426 zone.js: 461 Unhandled Promise rejection: Не удалось загрузить http://localhost:4200/app/app.component.scss; Зона:; Задача: Promise.then; Значение: Не удалось загрузить http://localhost:4200/app/app.component.scss
Мой угловой cli.js имеет значения по умолчанию установлено значение:
"defaults": {
"prefix": "app",
"sourceDir": "src",
"styleExt": "scss",
"prefixInterfaces": false,
"lazyRoutePrefix": "+"
}
И мои app.component.js:
import { Component } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.scss']
})
export class AppComponent {
constructor() {}
}
И, да, приложение. component.scss существует в том же каталоге. Ошибка возникает из-за того, что файл не копируется в/dist, но, как я понимаю, угловое 2 превращает стили в объекты, завернутые в домен, вводимые через JS.
Какую версию CLI вы установили? как в проекте, так и во всем мире. – Brocco
: 1.0.0-beta.10 –