Angular 7 CLI生成的项目抛出"多个./src/styles.sass中的错误"

Question

我使用ng new dragonfly以下参数生成了一个新的Angular项目:

Angular v7.2
Angular CLI v.7.3
NPM 6.7.0
Windows 10

我选择了包括路由和SCSS.

当我尝试使用npm start或启动项目ng serve时,在编译结束时会抛出以下错误:

ERROR in multi ./src/styles.sass
Module not found: Error: Can't resolve 
'C:\Users\S\angular\dragonfly\src\styles.sass' in 
'C:\Users\S\angular\dragonfly'

i ?wdm?: Failed to compile.

该angular.json文件列出了项目原理图下的scss:

      "schematics": {
        "@schematics/angular:component": {
          "style": "sass"
        }
      },

Windows CLI中的构建失败,并且Bash CLI在同一台机器上以完全相同的方式失败.文件styles.scss已创建,仅包含默认注释.

我的配置是不是搞砸了,或者,这可能是一个报告的错误？任何见解都会很棒.我测试使用CSS而不是SCSS生成项目,并且编译和运行没有问题.

更新:我的NodeJS安装已过时,版本为8.9.1.我现在已更新它并运行10.15.1.结果是一样的.

Answer 1

确实是一个错误!官方问题在https://github.com/angular/angular-cli/issues/13550,而https://github.com/angular/angular-cli/issues/13551给出了如何解决它的说明.简而言之,修改angular.json的

"styles": [
    "src/styles.sass"
],

替换styles.sass为styles.scss.

该问题已正式提交给Angular 7.3.在对我的配置文件进行一些挖掘之后,我在packager-lock.json中注意到了很多Angular 7.3版本.@ angular/core是7.2.3,但@ angular-devkit/core添加为7.3.0.