获取错误SyntaxError：在测试Vue组件uisng jest时意外导入了令牌

Question

我能够设置vue / test-utils并能够运行默认的test.js而没有任何错误。

但是当我导入Vue组件时 从'../resources/js/components/MyUI.vue'导入MyUI；

然后运行 npm运行。

抛出错误

 import { store } from '../store';
    ^^^^^^
 SyntaxError: Unexpected token import

我确实从'../store'导入了一行{store}； 在我的MyUI.vue中。

似乎测试工具无法理解ES6语法。 如何解决这个问题？ 我尝试找到了一些解决方案，但没有一个起作用。

package.json中我开玩笑的详细信息如下所示

  "jest": {
    "moduleFileExtensions": [
      "js",
      "json",
      "vue"
    ],
    "transform": {
      "^.+\\.js$": "babel-jest",
      "^.+\\.(js|jsx)?$": "<rootDir>/node_modules/babel-jest",
      "^.+\\.html$": "<rootDir>/test/utils/htmlLoader.js",
      ".*\\.(vue)$": "vue-jest"
    }
  },

我的.babelrc如下所示

{
        "presets": [["env", { "modules": false }]],
  "env": {
    "test": {
      "presets": [["env", { "targets": { "node": "current" } }]]
    }
  }
}