vue打包npm运行构建测试时不动怎么解决?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
今天遇到一件很奇葩的事情
输入npm运行构建测试突然停在这不动了what& # 63;不动了? !
后谷歌来了一下大家都是人才
运行一下这句话就动了! !
npm配置设置注册http://registry.cnpmjs.org
引用><强> vue_test_unit_e2e常见问题npm运行单元单元测试和npm运行e2e集成测试问题强>
vue项目要进行单元和e2e常见问题
localStorage不是用于不透明的起源
控制台。错误node_modules \ vue \ dist \ vue.runtime.common.dev.js
引用>通常根据vue init webpack myproject生成的项目,选择了单位和e2e模块后,都会有些问题。
<强> 1。首先是单位,当我们运行npm运行单元时,会出现以下问题:强>
SecurityError: localStorage不是用于不透明的起源
引用>因为说是开玩笑运行是节点环境,所以没有localStorage。
<强>解决办法:强>
在项目内测试/单位/jest.conf。js文件中
加入以下3句:即可
testEnvironment: & # 39; jsdom& # 39;, 详细:没错, testURL: & # 39; http://localhost& # 39;<强> 2。然后,如果你也使用了elementui模块,也会报错以下:强>
控制台。错误node_modules \ vue \ dist \ vue.runtime.common.dev.js: 621
[vue警告]:未知的定制元素:& lt; el-table>——你注册组件correctly& # 63;对于递归的组件,确保提供“name"选择。
引用>因为说是elementui的组件没有注册。
<强>解决办法:强>
修改项目里面测试/单位/设置。js文件,内容为以下:
从& # 39;进口Vue Vue # 39;//将Vue暴露到全局里面 全球。Vue=Vue; console.log(& # 39;——全球:& # 39;,global.hasOwnProperty (& # 39; vue # 39;)) Vue.config。productionTip=false//使用elementui组件 从& # 39;进口ElementUI element-ui& # 39;;//npm运行单元时要下面引入样式那句注释掉——不知为什么导入会报的错。可能因为测试时,不需要css样式//导入& # 39;element-ui/lib/theme-chalk index.css& # 39;; Vue.use (ElementUI);项目演示源码在这:https://github.com/banana618859/vue_test_unit_e2e
拷贝下来后,npm我然后npm运行单元或npm运行e2e即可
提醒
因美元为山处理不了用户交互,所以我们要用到vue官方推荐的@vue/test-utils安装一下,就可以在项目中使用了。
npm我@vue/test-utils - d
引用>使用:在项目里测试/单位/规范/HelloWorld.spec。js文件中,
从& # 39;导入HelloWorld @/组件/HelloWorld.vue& # 39; 进口{山}& # 39;@vue/test-utils& # 39; 描述(& # 39;测试用helloworld组件& # 39;,()=比;{ (& # 39;测试点击后,味精的改变& # 39;,()=比;{//点击一下 让包装=挂载(HelloWorld)//用@vue/test-utils的山加载组件 wrapper.vm。newData=https://www.yisu.com/zixun/1; wrapper.find (.btn) .trigger(点击)//触发按钮点击事件 期望(wrapper.vm。味精).toBe (“test_if”) }) })看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
vue打包npm运行构建测试时不动怎么解决