Angular 7 CLI 生成的项目抛出"ERROR in multi ./src/styles.sass"



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

角度 v7.2
角度命令行界面 v.7.3
NPM 6.7.0
视窗 10

我选择包括路由和 SCSS。

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

ERROR in multi ./src/styles.sass
Module not found: Error: Can't resolve 
'C:UsersSangulardragonflysrcstyles.sass' in 
'C:UsersSangulardragonfly'
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 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/核心为 7.2.3,但 @angular-devkit/core 添加为 7.3.0。

最新更新