Uncaught SyntaxError: Cannot use import statement outside a module

[wangytangy]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://spectrum.chat/next-js/general/the-problem-in-integrating-next-js-with-ant-ui-when-customizing-ant-themes~bdc65d8d-ad92-4ec0-8469-f31269b85bc6

Steps to reproduce

import Button from 'antd/es/button';

render () {
  return (<Button />);
}

What is expected?

The button should render correctly.

What is actually happening?

The webpage cannot load because of a Javascript syntax error: "Uncaught SyntaxError: Cannot use import statement outside a module"

The webpack bundle shows the error here:

/***/ (function(module, exports) {

import Button from './button'; // <----- ERROR
import ButtonGroup from './button-group';
Button.Group = ButtonGroup;
export default Button;
//# sourceMappingURL=index.js.map

/***/ }),

Environment	Info
antd	3.26.7
React	16.8.4
System	macOS High Sierra v0.13.6
Browser	Chrome Version 79.0.3945.88

[ant-design-bot]

Hello @wangytangy. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @wangytangy, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。7 天内未跟进的 issue 将会被自动关闭。

[ant-design-bot]

This issue is closed because it has been marked as Need Reproduce, but has not had recent activity.
If you can provide a reproduce, feel free to ping anyone of our maintainers to reopen this issue.
Thank you for your contributions.

[arvinsim]

I have the same problem as above. Similar issue to #13620

For CRA + Ant Design, I thought that component testing work out of the box.

[arvinsim]

@wangytangy This is a solution that worked for me.

[patelrikin]

@arvinsim are you able to post any snippet here since the link that you shared is 404'ing and possibly external links may not be counted on in terms of availability in future.

[irux]

@arvinsim could you post your solution again? I can't see the link you posted.

[Jplus2]

How to solve this for cases not using babel? using ts-jest.