Question

ERROR in ./src/components/navigator/Navigator.tsx
Module not found: Error: Can't resolve '@material-ui/icons/DnsRounded' in '.../src/components/navigator'
 @ ./src/components/navigator/Navigator.tsx 36:0-59 53:30-44
 @ ./src/components/App.tsx
 @ ./src/index.tsx

当前依赖项：

"dependencies": {
    "@material-ui/core": "^4.6.0",
    "@material-ui/icons": "^4.5.1",
    "core-js": "^3.4.0",
    "react": "^16.10.2",
    "react-dom": "^16.10.2",
    "react-redux": "^7.1.1",
    "redux": "^4.0.4",
    "redux-devtools-extension": "^2.13.8",
    "redux-thunk": "^2.3.0"
  }

我在Navigator.tsx中执行的示例导入之一是：

import HomeIcon from '@material-ui/icons/Home';

// in render method:
<HomeIcon />

我已尝试解决此问题的内容：
1. npm i @ material-ui / icons @ latest（下一个，旧的3.x.x版本等）
2.重新安装依赖项。
3.将图标链接添加到index.html。
到目前为止，它们都没有起作用。我在编译时不断出现模块未找到错误。我还检查了node_modules，可以在其中找到 @ material-ui / icons 软件包。此外，我可以使用cmd +单击以导航到VSCode中的源代码。

我还是尝试使用SVG图标而不是字体图标。

Material UI svg图标：找不到模块：错误：无法解析'@ material-ui / icons / ...'

0 个答案: