Angular版本更新时出现模块构建失败错误求助
解决Angular版本更新后SCSS未终止字符串的构建错误
- 核心聚焦错误提示的关键信息:
C:/Users/WCR/Desktop/WhiteCrow/ATS/ats-crm-frontend/src/app/edit-delete-evaluation/edit-delete-evaluation.component.scss:17:100: ERROR: Unterminated string token,该错误与配置文件无关,是SCSS文件本身的语法问题,优先排查这个文件:- 打开
edit-delete-evaluation.component.scss,定位到第17行,查看第100个字符附近的代码:- 检查是否存在单引号/双引号只开启未闭合的情况,比如
color: 'red;(遗漏末尾的') - 检查字符串内的特殊字符,比如包含未转义的引号(如
content: 'it's me';需改为content: 'it\'s me';) - 检查是否有跨行字符串未正确处理:SCSS中字符串跨行需在换行前加
\,或用闭合引号完整包裹
- 检查是否存在单引号/双引号只开启未闭合的情况,比如
- 临时排查:若无法快速定位,可注释第17行附近的代码,重新构建后逐步缩小问题代码范围
- 打开
- 清理构建缓存,避免旧缓存干扰:
ng clean # Windows环境执行:del package-lock.json && rmdir /s/q node_modules rm -rf node_modules package-lock.json npm install ng build - 确认SCSS语法规范:新版本Angular关联的
@ngtools/webpack对SCSS语法校验更严格,旧版本允许的不规范写法会被拦截,确保所有字符串都正确闭合、特殊字符完成转义
内容的提问来源于stack exchange,提问作者Sonu Prasad
相关产品推荐
相关产品推荐

