解决vue打包 npm run build-test突然不动了的问题
今天遇到一件很奇葩的事情
输入npm run build-test 突然停在这不动了 what? 不动了?!
后来google了一下 大家都是人才
运行一下这句话 就动了!!
npm config set registry http://registry.pmjs.
补充知识vue_test_unit_e2e常见问题npm run unit单元测试和npm run e2e集成测试问题
vue项目要进行unit和e2e常见问题
localStorage is not available for opaque origins
console.error node_modules\vue\dist\vue.runtime.mon.dev.js
通常根据vue init webpack myproject 生成的项目,选择了unit和e2e模块后,都会有些问题。
1.是unit,当我们运行npm run unit时,会出现以下问题
SecurityError: localStorage is not available for opaque origins
因为说是jest运行是node环境,所以没有localStorage。
解决办法
在项目内test/unit/jest.conf.js文件中
加入以下3句即可
testEnvironment: 'jsdom', verbose: true, testURL: 'http://localhost'
2.然后,如果你也使用了elementui模块, 也会报错以下
console.error node_modules\vue\dist\vue.runtime.mon.dev.js:621
[Vue warn]: Unknown custom element: <el-table> - did you register the ponent correctly? For recursive ponents, make sure to provide the "name" option.
因为说是elementui的组件没有注册。
解决办法
修改项目里面test/unit/setup.js文件,内容为以下
import Vue from 'vue' // 将Vue暴露到全局里面 global.Vue = Vue; console.log('--global:',global.hasOwnProperty('Vue')) Vue.config.productionTip = false // 使用elementui组件 import ElementUI from 'element-ui'; // npm run unit 时要狼蚁网站SEO优化引入样式那句注释掉-不知为什么导入会报错。可能因为测试时,不需要css样式 // import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
项目demo源码在这
拷贝下来后,npm i 然后npm run unit 或 npm run e2e即可
提醒
因为$mount处理不了用户交互,所以我们要用到vue官方推荐的@vue/test-utils安装一下,就可以在项目中使用了。
npm i @vue/test-utils -D
使用在项目里 test/unit/spec/HelloWorld.spec.js文件中,
import HelloWorld from '@/ponents/HelloWorld.vue' import { mount } from '@vue/test-utils' describe('测试用helloworld组件',() => { it('测试点击后,msg的改变',() => { //点击一下 let wrapper = mount(HelloWorld) // 用@vue/test-utils的mount加载组件 wrapper.vm.newData = 1; wrapper.find('.btn').trigger('click') //触发按钮点击事件 expect( wrapper.vm.msg ).toBe('test_if') }) })
以上这篇解决vue打包 npm run build-test突然不动了的问题就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南