jestjs - vue test utils SyntaxError: Unexpected token import

Question

我SyntaxError: Unexpected token import在尝试通过延迟加载方法加载组件的索引文件中遇到错误。

const templates = () => import('@/pages/templates');

如果使用以下语法，它可以正常工作：

import templates from '@/pages/templates';

Answer 1

动态import语句是 Webpack 的一项功能*，因此当您使用 Jest 编译代码时，动态import将是未定义的。你可以通过在你的 babel 配置中使用babel-plugin-dynamic-import-node来解决这个问题：

// .babelrc
{
  "env": {
    "test": {
      "presets": [
        ["es2015", { "modules": false }],
        "react",
        "stage-0"
      ],
      "plugins": [
        "transform-es2015-modules-commonjs",
        "dynamic-import-node"
      ]
    }
  }
}

*虽然它符合TC39 规范