vuejs单元测试运行npm run unit报错解决方法

安装vue init webpack的时候看看是否安装了test插件，如果安装了可以在package.json看到scripts有jest的几个运行方法，在devDependencies可以找到版本号。

npm run unit运行

如果提示下面错误

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test@1.0.0 unit: `jest --config test/unit/jest.conf.js --coverage`

找到test/unit/jest.conf.js文件，看看是否一样

const path = require('path');

module.exports = {  
rootDir: path.resolve(__dirname, '../../'), 
 moduleFileExtensions: [    'js',    'json',    'vue',  ], 
 moduleNameMapper: {    '^@/(.*)$': '/src/$1',  }, 
 transform: {   
 '^.+\\.js$': '/node_modules/babel-jest',  
  '.*\\.(vue)$': '/node_modules/vue-jest',  
}, 
testPathIgnorePatterns: [    '/test/e2e',  ], 
snapshotSerializers: ['/node_modules/jest-serializer-vue'],  
setupFiles: ['/test/unit/setup'],  
coverageDirectory: '/test/unit/coverage',  
collectCoverageFrom: [   
 'src/components/common/**/*.{js,vue}',   //按项目需求修改路径
 '!src/main.js',   
 '!src/router/index.js',   
 '!**/node_modules/**',  ], 
 verbose: true,
  testURL: 'http://localhost/',
};

找到test/unit/setup.js

import Vue from 'vue'

Vue.config.productionTip = false

再运行npm run unit，应该没问题了,页面的覆盖率出来了！

进入前端入门建站教程官网入口

vuejs简单介绍vue安装和卸载方法

vuejs实现页面跳转的的几种方式

vuejs子组件赋值失败解决方法

vuejs利用js动态插入子组件

vuejs实现element-plus脚手架的引入介绍

标签： vuejs, 单元测试, 覆盖率

上面是“vuejs单元测试运行npm run unit报错解决方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2278.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！