Antd + Next手册：https://ant.design/docs/react/use-with-next-cn
报错场景
根据官方手册进行项目创建
yarn create next-app antd-demoyarn add antd
得到以下环境：
| Environment | Info |
|---|---|
| antd | 5.6.4 |
| next | 13.4.8 |
| react | 18.2.0 |
安装完依赖后，运行yarn dev后浏览http://localhost:3000时报错：
终端报错信息：
解决方案
根据官方GitHub issues检索的相关回答，修改package.json文件：
// 原
"eslint-config-next": "13.4.8",
"next": "13.4.8",
// 改
"eslint-config-next": "13.4.7",
"next": "13.4.7",
删除node_modules、.next目录重新安装依赖包并运行yarn dev，在访问域名时报错：error node_modules/@babel/runtime/helpers/inherits.js (4:10) @ _inherits
根据官方GitHub issues检索的相关回答，在页面的tsx文件里添加(以src/app/page.tsx为例)：文章来源：https://www.toymoban.com/news/detail-538560.html
// page.tsx
++ 'use client';
import { Card, Button } from "antd";
至此页面就可以正常访问了
文章来源地址https://www.toymoban.com/news/detail-538560.html
到了这里，关于【React】next+antd报错：Module not found: Can‘t resolve ‘antd/es/content‘的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
