Angular 7 CLI 生成的项目抛出“多 ./src/styles.sass 中的错误”答案

【问题标题】：Angular 7 CLI generated project throws "ERROR in multi ./src/styles.sass"Angular 7 CLI 生成的项目抛出“多 ./src/styles.sass 中的错误”
【发布时间】：2019-06-25 02:45:01
【问题描述】：

我使用 ng new dragonfly 生成了一个新的 Angular 项目，并带有以下参数：

Angular v7.2
Angular CLI v.7.3
NPM 6.7.0
视窗 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。结果是一样的。

【问题讨论】：

标签： angular sass

【解决方案1】：

更新： Angular 8 已经发布。与其应用下面概述的修复程序，不如考虑升级到 v8。

确实是一个错误！官方问题在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。

【讨论】：