为什么Ant Design在尝试使用日期fns时会抛出服务器错误

Question

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

错误的屏幕截图。

SyntaxError:无法在模块之外使用导入语句

我尝试过将'type': 'module'添加到package.json中，将'module': 'commonjs'放入tsconfig.json中以及其他许多方法，但似乎都不起作用。

Answer 1

明白了。解决方案是在文档中提供的导入中用'antd/lib/...'替换'antd/es/...'，错误就消失了。

你的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;