今天遇到一件很奇葩的事情输入npm run build-test 突然停在这不动了 what? 不动了？！后来google了一下 大家都是人才运行一下这句话 就动了！！
npm config set registry http://registry.cnpmjs.org
npm config set registry http://registry.cnpmjs.org补充知识：vue_test_unit_e2e常见问题npm run unit单元测试和npm run e2e集成测试问题补充知识：补充知识：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.common.dev.js
localStorage is not available for opaque originsconsole.error node_modules\vue\dist\vue.runtime.common.dev.js通常根据vue init webpack myproject 生成的项目，选择了unit和e2e模块后，都会有些问题。1.首先是unit，当我们运行npm run unit时，会出现以下问题：1.首先是unit，当我们运行npm run unit时，会出现以下问题：
SecurityError: localStorage is not available for opaque origins
SecurityError: localStorage is not available for opaque origins因为说是jest运行是node环境，所以没有localStorage。解决办法：解决办法：在项目内test/unit/jest.conf.js文件中加入以下3句：即可
testEnvironment: 'jsdom',
verbose: true,
testURL: 'http://localhost'
testEnvironment: 'jsdom',
verbose: true,
testURL: 'http://localhost'2.然后，如果你也使用了elementui模块， 也会报错以下：2.然后，如果你也使用了elementui模块， 也会报错以下：
console.error node_modules\vue\dist\vue.runtime.common.dev.js:621
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
console.error node_modules\vue\dist\vue.runtime.common.dev.js:621[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, 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 时要下面引入样式那句注释掉-不知为什么导入会报错。可能因为测试时，不需要css样式
// import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

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 时要下面引入样式那句注释掉-不知为什么导入会报错。可能因为测试时，不需要css样式
// import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
项目demo源码在这：https://github.com/banana618859/vue_test_unit_e2ehttps://github.com/banana618859/vue_test_unit_e2e拷贝下来后，npm i 然后npm run unit 或 npm run e2e即可提醒因为$mount处理不了用户交互，所以我们要用到vue官方推荐的@vue/test-utils安装一下，就可以在项目中使用了。
npm i @vue/test-utils -D
npm i @vue/test-utils -D使用：在项目里 test/unit/spec/HelloWorld.spec.js文件中，
import HelloWorld from '@/components/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')

})
})
import HelloWorld from '@/components/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突然不动了的问题就是小编分享给大家的全部内容了，希望能给大家一个参考。