Angular 2 via CLI未分发SCSS文件

Question

我使用最新的RC5与角2 CLI。CSS工作正常，但切换到SCSS不能，并导致以下控制台错误：

区js:101GEThttp://localhost:4200/app/app.component.scss404（未找到）scheduleTask@zone。js:101ZONEDLEGATE。scheduleTask@zone。js:336Zone。ScheduleMaroctask@zone。js:273（匿名函数）@zone。js:122send@VM68431:3XHRImpl。获取@xhr\u impl。ts:48定向规范化器_获取@directive\u规范化器。ts:45（匿名函数）@directive\u规范化器。ts:164定向规范化器_loadMissingExternalStylesheets@directive_normalizer。ts:164定向规范化器。normalizeExternalStylesheets@directive\u normalizer。ts:143（匿名函数）@directive_normalizer。ts:76ZONEDLEGATE。调用@zone。js:323区域。运行@zone。js:216（匿名函数）@zone。js:571ZoneLegate。invokeTask@zone。js:356Zone。runTask@zone。js:256drainMicroTaskQueue@zone。js:474ZoneTask。调用@zone。js:426区域。js:461未处理的promise拒绝：加载失败http://localhost:4200/app/app.component.scss ; 区域：；任务：promise。然后值：未能加载http://localhost:4200/app/app.component.scss

我的朋友。js的默认值设置为：

"defaults": {
  "prefix": "app",
  "sourceDir": "src",
  "styleExt": "scss",
  "prefixInterfaces": false,
  "lazyRoutePrefix": "+"
}

还有我的应用程序。组成部分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 () {}
}

是的，app.component.scss存在于同一个目录中。这个错误似乎是由于文件没有被复制到 /dist但是据我所知，角2将样式转换成通过JS注入的域包装实体。

Answer 1

从cli中删除styleExt后。js并将url保留为“”。css“我刚刚意识到它实际上是在使用”。scss文件；于是，风格开始出现。

我不得不删除Style leExt，这是我没想到的。

我相信手动安装节点sass解决了我在发布此问题之前遇到的一个初步问题。