You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

卸载material-design-icons后Angular应用无法构建问题求助

故障根因

Angular的构建配置中仍然残留了material-design-icons的资源引用路径,该引用不在业务代码中,而是在Angular官方的构建配置文件angular.json里。

修复步骤
  • 第一步:修改angular.json配置
    打开项目根目录的angular.json文件,依次定位到projects → 你的项目名称 → architect → build → options → styles数组,删除所有指向node_modules/material-design-icons的样式引入条目。
    再检查同层级architect → test → options → styles数组,有相关引用也一并删除。
  • 第二步:清理缓存与冗余文件
    依次执行以下命令清理本地缓存、构建产物和依赖文件:
    # 清理Angular内置缓存
    ng cache clean
    # 删除旧的依赖、构建产物和锁文件(Mac/Linux环境)
    rm -rf .angular dist node_modules package-lock.json
    # Windows PowerShell环境执行下面的命令
    # Remove-Item .angular, dist, node_modules, package-lock.json -Recurse -Force
    
  • 第三步:重新安装依赖并启动服务
    npm install
    ng serve
    
额外排查项

如果执行上述操作后仍报错,再检查两个位置:

  • 检查根目录package.json的dependencies和devDependencies字段,确认没有material-design-icons相关条目,有则手动删除后重新执行清理重装流程
  • 检查全局样式文件src/styles.scss或src/styles.css,确认没有引入material-design-icons的本地资源路径

内容的提问来源于stack exchange,提问作者user1563232

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 04:48:03