报错示例

• 示例代码：

import { Layout, Menu } from 'antd';
import {
  MenuUnfoldOutlined,
  MenuFoldOutlined,
  UserOutlined,
  VideoCameraOutlined,
  UploadOutlined,
} from '@ant-design/icons';

• 报错信息：

Module not found: Can't resolve '@ant-design/icons' in 'E:\www\react-htgl\src\views\dashboard'

• 中文翻译：

找不到模块:不能将'@ant-design/icons'在项目文件夹中使用

解决方法

• 那是因为你目前引入的版本antd和你所使用的组件相冲突
• 就比如你之前现在的是antd的版本是4.16.0
• 但是现在官网的最新版本是4.16.1
• 然后你又使用了官网最新版本4.16.1的模块语法
• 所以导致跟你之前下载的版本冲突了

// package.json 文件
{
  "dependencies": {
    "antd": "^4.16.0",
    "为了简洁其他模块已省略....",
  },

• 将package.json文件中的版本号改为官网最新的版本号
• 然后使用npm i命令进行antd模块的更新

// package.json 文件
{
  "dependencies": {
    "antd": "^4.16.1",
    "为了简洁其他模块已省略....",
  },