vue test utils SyntaxError：意外的令牌导入

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 spec