2016-08-28 4 views
1

Я использую последний 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.

+0

Какую версию CLI вы установили? как в проекте, так и во всем мире. – Brocco

+0

: 1.0.0-beta.10 –

ответ

1

После удаления styleExt из angular-cli.js и оставив url как '.css', я просто понял, что это был, по сути, файл '.scss'; таким образом, начали появляться стили.

Мне пришлось удалить styleExt, чего я не ожидал.

Я считаю, что вручную установив узел-узел решил предварительный вопрос, который у меня был до публикации этого вопроса.

+0

, чтобы использовать SCSS с этой версией CLI, вы должны установить node-sass – Brocco