Angular 12升级至13遇构建错误求助（目标升级至v16）

1. 优先修复SCSS语法错误 #

错误日志明确指向app.component.scss第17行第100位存在未终止字符串令牌，这是最直接的问题：

• 检查该行代码，确认字符串引号是否闭合（比如url('xxx')有没有漏写右引号）；
• 排查字符串内的特殊字符，比如嵌套引号是否正确转义（例如content: 'it\'s demo'或改用双引号包裹content: "it's demo"）。

2. 移除angular.json中手动引入的核心库脚本 #

Angular 13+ 不再需要手动在build配置的scripts数组中引入rxjs、@angular相关的umd/mjs文件：

• CLI会自动处理核心依赖的模块引入，手动添加反而会导致模块重复加载或构建流程冲突；
• 直接删除scripts数组中所有rxjs、@angular开头的脚本条目。

3. 验证ngx-build-plus兼容性 #

确保升级后的ngx-build-plus版本适配Angular 13：

• 安装对应Angular13的版本（如npm install ngx-build-plus@13 --save-dev）；
• 插件版本不兼容会干扰Webpack的构建流程，引发非预期错误。

4. 清理缓存并重新构建 #

缓存或依赖残留可能导致异常，执行以下步骤：

# 清理Angular CLI缓存
ng cache clean

# 删除依赖文件（根据包管理器选择）
rm -rf node_modules package-lock.json
# 或 rm -rf node_modules yarn.lock

# 重新安装依赖
npm install
# 或 yarn install

# 清理构建产物后重新构建
ng build --clean

内容的提问来源于stack exchange，提问作者Andy Ko