我无法再在任何本地项目中从
@mui/icons-material
导入图标。我尝试导入图标的 Next.js 项目出现错误 module not found
。
它适用于codesandbox,但如果我下载沙箱并在本地安装,则在导入图标时会出现
Module not found: Can't resolve '@mui/icons-material/AccountCircleOutlined'
错误。
我在使用 mui v5 的大型项目中也遇到了同样的问题。它找不到图标导入。
即使我克隆这个项目示例,导入任何图标时也会遇到相同的错误,例如 import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined";
因为这种情况发生在我所有最新的项目上,这要么是本地问题,要么是最近更新的问题。我已经尝试过回滚版本,但还无法修复它。这可能是 Next.js 中 swc 与 webpack 的问题吗?
我已删除
node_modules
和 yarn.lock
并重新安装,但出现同样的问题。
我的环境:
System:
OS: macOS 13.5
Binaries:
Node: 20.5.0 - /opt/homebrew/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 9.8.0 - /opt/homebrew/bin/npm
Browsers:
Chrome: 115.0.5790.170
Edge: 114.0.1823.51
Safari: 16.6
npmPackages:
@emotion/react: ^11.11.1 => 11.11.1
@emotion/styled: ^11.11.0 => 11.11.0
@mui/base: 5.0.0-beta.11
@mui/core-downloads-tracker: 5.14.5
@mui/icons-material: ^5.14.3 => 5.14.3
@mui/lab: ^5.0.0-alpha.140 => 5.0.0-alpha.140
@mui/material: ^5.14.5 => 5.14.5
@mui/private-theming: 5.14.5
@mui/styled-engine: 5.13.2
@mui/styles: ^5.14.5 => 5.14.5
@mui/system: 5.14.5
@mui/types: 7.2.4
@mui/utils: 5.14.5
@mui/x-data-grid: ^6.11.2 => 6.11.2
@types/react: ^18.2.20 => 18.2.20
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
typescript: ^5.1.6 => 5.1.6
看起来问题出在
@mui/icons-material: 5.14.3
。降级到 v5.14.1 修复了该问题。