nextjs使用antd后启动报错问题
环境
nextjs version: 14.2.8
antd version: 5.20.5
问题及解决
问题
开始 NextJS 的入手 demo, npx install antd --save
后,在 pages/index.tsc
中使用:
1 | import { Button } from 'antd'; |
npm run build
报错
如下:
1 | Collecting page data ./Users/ayal/us-dev/projects/next/cms/node_modules/rc-util/es/omit.js:1 |
原因及解决
翻了一下版本内容,大概原因是 构建工具无法识别 es 模块,需要将 antd (其他第三方库如果遇到该问题处理方法类似)加入next.config.mjs -> nextConfig.transpilePackages
中, 如下:
1 | /** @type {import('next').NextConfig} */ |