ng build --prod出现解析错误，ng serve运行正常求助

嘿，这个问题我之前踩过坑！你看报错信息里指向的那行Material Icons的link标签——<link href=https://fonts.googleapis.com/icon?family=Material+Icons rel="stylesheet">，问题就出在href属性的值没有加双引号上。

为什么开发模式正常，生产构建报错？ #

Angular的ng serve用的开发环境对HTML语法的校验比较宽松，浏览器本身也能容错解析不带引号的属性值；但ng build --prod启用了生产模式的严格语法检查、代码压缩和优化，它会严格遵循HTML标准，不带引号的属性值会被判定为语法错误，直接触发解析失败。

快速修复步骤 #

• 打开项目根目录下的index.html文件
• 找到那行Material Icons的link标签，给href的属性值加上双引号，修改后应该是这样：

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  

• 保存文件后，重新运行ng build --prod命令

如果修复后还是有问题，可以检查下index.html里其他标签的属性是否都符合标准语法（比如有没有其他漏加引号的情况），一般来说这个问题就能解决啦！

内容的提问来源于stack exchange，提问作者Gabriel Morais