Angular12升级到13报错：无法对buildOptions.sourceMap的styles属性解构

这个报错的核心原因是 Angular 13 CLI 读取angular.json配置时，sourceMap字段的结构不符合预期，缺少styles属性或者该字段被设置为了非对象类型。你可以按照以下步骤解决：

• 打开项目根目录下的angular.json配置文件，定位到projects.<你的项目名>.architect.build.options节点
• 检查该节点下的sourceMap配置：如果当前配置是布尔值（比如"sourceMap": true/false），需要改为 Angular 13 要求的对象格式，示例配置如下：

"sourceMap": {
  "scripts": true,
  "styles": true,
  "vendor": false
}

你可以根据自身需求调整各子项的开关状态，只要保证styles属性存在即可。

• 如果配置中没有显式声明sourceMap字段，手动添加上述标准对象格式的配置即可，避免 CLI 读取默认值时出现异常。
• 调整完成后保存配置，重新执行升级命令npx @angular/cli@13 update @angular/core@13 @angular/cli@13即可。

额外排查点 #

• 若修改后仍报错，同步检查projects.<你的项目名>.architect.test.options下的sourceMap配置，按照相同规则调整格式。
• 升级前建议先提交所有本地代码改动，避免配置修改丢失原有设置。

内容的提问来源于stack exchange，提问作者Rashmi Thakur