Jest + Next/Dynamic 抛出不支持的错误

Question

我在为我的组件编写测试时遇到此错误：

...
const Rating = dynamic(import('components/Rating'));
...

我也在使用 jest-next-dynamic:

beforeAll(async () => {
  await preloadAll();
});

然后我得到这个：

不支持 4 |从 'next/dynamic';

导入动态

知道那是什么吗？

Answer 1

我可以使用 "babel-plugin-transform-dynamic-import" 包修复它。

yarn add babel-plugin-transform-dynamic-import

然后我在 .babelrc:

上添加了这个

...
"plugins": [
  ["transform-dynamic-import"],
  ...
]
...

它解决了我的问题。快照再次正常生成。