我使用以下参数使用 ng new dragonfly
生成了一个新的 Angular 项目:
角度 v7.2
角度命令行界面 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: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。