javascript - Test Vue with Jest fail, Jest encountered an unexpected token, SyntaxError: Unexpected token import

Question

I test Vue project with jest, bug I got errors says:

Jest encountered an unexpected token and SyntaxError: Unexpected token import

here is my jest.conf.js, I set the "transorm" option with babel-jest and vue jest, but I still got the error says can't transorm the es6 syntax

const path = require('path')

module.exports = {
  rootDir: path.resolve(__dirname, '../../'),
  moduleFileExtensions: [
    'js',
    'json',
    'vue'
  ],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1'
  },
  transform: {
    '^.+\.js$': '<rootDir>/node_modules/babel-jest',
    '.*\.(vue)$': '<rootDir>/node_modules/vue-jest'
  },
  testPathIgnorePatterns: [
    '<rootDir>/test/e2e'
  ],
  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
  setupFiles: ['<rootDir>/test/unit/setup'],
  coverageDirectory: '<rootDir>/test/unit/coverage',
  collectCoverageFrom: [
    'src/**/*.{js,vue}',
    '!src/main.js',
    '!src/router/index.js',
    '!**/node_modules/**'
  ]
}

Answer 1

I had a similar problem and "babel-plugin-transform-es2015-modules-commonjs" is working for me

npm i -D babel-plugin-transform-es2015-modules-commonjs

.babelrc config "plugins":["transform-es2015-modules-commonjs"]