测试vue单文件组件遇到的问题

测试积点老人

在使用jest对vue单文件组件进行测试的时候报错，报错内容如下：

1. Test suite failed to run
   
2.     Jest encountered an unexpected token
   
3.     This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
   
4.     By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".
   
5.     Here's what you can do:
   
6.      • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
   
7.      • If you need a custom transformation specify a "transform" option in your config.
   
8.      • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.
   
9.     You'll find more details and examples of these config options in the docs:
   
10.     https://jestjs.io/docs/en/configuration.html
    
11.     Details:
    
12.     SyntaxError: Unexpected token } in JSON at position 629
    
13.         at JSON.parse (<anonymous>)
    
14.       at parse (node_modules/tsconfig/src/tsconfig.ts:195:15)
    
15.       at readFileSync (node_modules/tsconfig/src/tsconfig.ts:181:10)
    
16.       at Object.loadSync (node_modules/tsconfig/src/tsconfig.ts:151:18)
    
17.       at find (node_modules/vue-jest/lib/load-typescript-config.js:33:39)
    
18.       at loadTypescriptConfig (node_modules/vue-jest/lib/load-typescript-config.js:73:26)
    
19.       at compileTypescript (node_modules/vue-jest/lib/compilers/typescript-compiler.js:9:20)
    
20.       at processScript (node_modules/vue-jest/lib/process.js:23:12)
    
21.       at Object.module.exports [as process] (node_modules/vue-jest/lib/process.js:42:18)

复制代码

下面是测试的代码：

1. import Test from './test.vue';
   
2. import { mount } from '@vue/test-utils';
   
3. describe('Test', () => {
   
4.   test('test1', () => {
   
5.     expect('qwe').toBe('qwe');
   
6.   })
   
7.   test('test2', () => {
   
8.     const wrapper = mount(Test);
   
9.     expect(wrapper.text()).toMatch('TEST');
   
10.   })
    
11. })

复制代码

想知道这是什么原因，怎么解决

qqq911

导入的包有问题

海海豚

https://blog.csdn.net/bmw601055/article/details/77414855  参考下这个