Azure构建项目时提示找不到@icons/material/UnfoldMoreHorizontalIcon模块求助

安全阿岳

2026-7-22

解决Azure构建中找不到@icons/material/UnfoldMoreHorizontalIcon的问题

报错里的@icons/material并非合法的npm包，正确的Material UI图标包是@mui/icons-material，这个错误通常是react-color（或其依赖的xflow-extension）内部引用了错误的包路径，或是依赖版本不兼容导致的。

直接安装正确的图标依赖包
执行命令安装官方Material UI图标包，确保和项目中@mui/material版本匹配：
```
npm install @mui/icons-material @mui/material
```
强制修正依赖路径（适用于npm）
若安装后仍报错，说明react-color内部引用路径有误，可通过工具强制重定向依赖：
1. 安装依赖修正工具：
```
npm install -D npm-force-resolutions
```
2. 在package.json中添加resolutions字段：
```
"resolutions": {
  "@icons/material/UnfoldMoreHorizontalIcon": "@mui/icons-material/UnfoldMoreHorizontalIcon"
}
```
3. 重新安装依赖：
```
npm install
```
升级/锁定react-color版本
旧版本react-color可能存在依赖引用错误，尝试升级到最新稳定版：
```
npm update react-color
```
若升级后出现兼容性问题，可指定安装已知无此问题的版本：
```
npm install react-color@^2.19.3
```
检查Azure构建脚本
确认Azure构建命令未使用--production参数（该参数会跳过部分依赖安装），将构建脚本中的npm install --production改为npm install。