无法使用 @mui/icons-material 导入 - 找不到模块

问题描述 投票:0回答:1

我无法再在任何本地项目中从

@mui/icons-material
导入图标。我尝试导入图标的 Next.js 项目出现错误
module not found

它适用于codesandbox,但如果我下载沙箱并在本地安装,则在导入图标时会出现

Module not found: Can't resolve '@mui/icons-material/AccountCircleOutlined'
错误。

CodeSandbox 链接

我在使用 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
next.js material-ui next
1个回答
0
投票

看起来问题出在

@mui/icons-material: 5.14.3
。降级到 v5.14.1 修复了该问题。

© www.soinside.com 2019 - 2024. All rights reserved.