为什么 Ant Design 在尝试使用 date-fns 时抛出服务器错误？

Question

使用 antd 文档中的 this guide 将 Moment.js 替换为 date-fns 后，我收到下一个服务器错误：

Screenshot of error.

SyntaxError: Cannot use import statement outside a module

我尝试过将 'type': 'module' 添加到 package.json 并将 'module': 'commonjs' 放入 tsconfig.json 等许多其他操作，但 none 似乎有效.

Answer 1

知道了。解决方案是在文档中提供的导入中将 'antd/es/...' 替换为 'antd/lib/...'，错误消失了。

你的 DatePicker.tsx 应该是这样的

import dateFnsGenerateConfig from 'rc-picker/lib/generate/dateFns';
import generatePicker from 'antd/lib/date-picker/generatePicker';
import 'antd/lib/date-picker/style/index';

const DatePicker = generatePicker<Date>(dateFnsGenerateConfig);

export default DatePicker;