Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 7 CLI生成的项目抛出“多个./src/styles.sass中的错误”大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用Ng new dragonfly生成一个新的Angular项目,其中包含以下参数:

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

我选择了包括路由和SCSs.@H_674_10@

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

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:@H_674_10@

"scheR_465_11845@atics": {
        "@scheR_465_11845@atics/angular:component": {
          "style": "sass"
        }
      },

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

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

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

解决方法

确实是一个错误!官方问题是 https://github.com/angular/angular-cli/issues/13550,而 https://github.com/angular/angular-cli/issues/13551则介绍了如何解决这个问题.简而言之,修改angular.json的

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

用styles.scss替换styles.sass.@H_674_10@

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

大佬总结

以上是大佬教程为你收集整理的Angular 7 CLI生成的项目抛出“多个./src/styles.sass中的错误”全部内容,希望文章能够帮你解决Angular 7 CLI生成的项目抛出“多个./src/styles.sass中的错误”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。