Nuxt/Jest - Syntax Error: Unexpected token {

Question

我已经安装了 Vue 测试工具，安装了 Jest 并且有一个测试用例来验证 vue 实例是否正常工作。

我的测试如下所示

/* global describe, test, expect */
/* eslint no-undef: "error" */
import { mount } from '@vue/test-utils';
import Logo from '@/components/Logo';

describe('Logo', ()=> {
test('is a vue instance', () => {
const wrapper = mount(Logo)
expect(wrapper.vm).toBeTruthy()
});
});

我运行它使用npm run test并得到以下错误

import { mount } from '@vue/test-utils'
Syntax error: Unexpected token {

(with an carrot pointing to the { in front of { mount }

有什么想法吗？

***** 正在编辑以添加我的 jest.config.js ****

module.exports = {
  moduleNameMapper: {
   '^@/(.*)$': '<rootDir>/',
   '^~/(.*)$': '<rootDir>/',
   '^vue$': 'vue/dist/vue.common.js'
 }, 
 moduleFileExtentions: ['js', 'vue', 'json'],
 testPathIgnorePatterns: ['/dist/', '/node_modules/'], 
 transform: {
   '^.+\.js$' : 'babel-jest',
   '.*\.(vue)$' : 'vue-jest'
 }, 
collectCoverage: true, 
collectCoverageFrom: [
  '<rootDir>/components/**/*.vue', 
   '<rootDir>/pages/**/*.vue'
 ]
}

Answer 1

我想通了。我需要在 babel.config

中的预设中添加“@babel/preset-env”

我现在遇到了与 Vuetify 相关的错误，但是对于这个问题已经解决了。我会为另一个问题创建一个新问题。

Nuxt/Jest - Syntax Error: Unexpected token {

Nuxt/Jest - Syntax Error: Unexpected token {

vue.js

jestjs

nuxt.js

vue-test-utils