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

Question

After replacing Moment.js with date-fns using this guide from the antd documentation I get the next server error:

Screenshot of error.

SyntaxError: Cannot use import statement outside a module

I've tried things like adding 'type': 'module' to the package.json and putting 'module': 'commonjs' in tsconfig.json and many other things but none seem to work.

Answer 1

Got it. The solution was to replace 'antd/es/...' with 'antd/lib/...' in the imports provided in the documentation and the error was gone.

Your DatePicker.tsx should look like this.