npm run install报错,

　　本文主要介绍如何解决vue封装的npm run build-test突然停止运行的问题。有很好的参考价值，希望对大家有所帮助。来和边肖一起看看吧。

　　我今天遇到了一件奇妙的事情。

　　输入npm run build-test，突然就停在这里了。什么？不要动？

　　后来，我谷歌了一下。每个人都有才华。

　　运行这句话，它就会移动！

　　npm配置集注册表http://registry.cnpmjs.org

　　补充知识：vue_test_unit_e2e常见问题npm run unit单元测试和npm run e2e集成测试问题

　　vue项目的单位和e2e常见问题

　　本地存储不可用于不透明原点

　　console . error node _ modules \ vue \ dist \ vue . runtime . common . dev . js

　　一般根据vue init webpack myproject生成的项目，选择单元和e2e模块后会出现一些问题。

　　1.首先是unit，当我们运行npm run unit时，会出现以下问题：

　　SecurityError: localStorage不可用于不透明源

　　没有localStorage，因为jest运行在节点环境中。

　　解决办法：

　　在项目的test/unit/jest.conf.js文件中

　　补充以下三句：是。

　　测试环境：“jsdom”，

　　verbose: true，

　　testURL:“http://localhost”

　　2.然后，如果你也使用了elementui模块， 也会报错以下：

　　console . error node _ modules \ vue \ dist \ vue . runtime . common . dev . js:621

　　[Vue warn]:未知的自定义元素：el-table -您是否正确注册了该组件？对于递归组件，请确保提供“名称”选项。

　　因为elementui的组件未注册。

　　解决办法：

　　用以下内容修改项目中的test/unit/setup.js文件：

　　从“vue”导入Vue

　　//将Vue暴露在全局情况下

　　全球。Vue=Vue

　　console.log( - global:，global.hasOwnProperty(Vue ))

　　Vue.config.productionTip=false

　　//使用elementui组件

　　从“element-ui”导入ElementUI

　　//npm运行单元应该注释掉下面这句关于引入样式的话——不知道为什么导入会给出错误。可能测试的时候不需要css样式。

　　//导入“element-ui/lib/theme-chalk/index . CSS”；

　　vue . use(element ui)；

　　该项目的演示源代码在这里：https://github.com/banana618859/vue_test_unit_e2e

　　复制后，可以使用npm i，然后npm运行单元或npm运行e2e。

　　提醒

　　因为$mount不能处理用户交互，所以我们要用vue官方推荐的@vue/test-utils来安装，然后才能在项目中使用。

　　npm i @vue/test-utils -D

　　使用：在项目中的test/unit/spec/hello world . spec . js文件中，

　　从“@/components/HelloWorld.vue”导入HelloWorld

　　从“@vue/test-utils”导入{ mount }

　　describe( hello world component for testing ，()={

　　它(测试点击后消息的变化，()={

　　//点击它。

　　Let wrapper=mount(HelloWorld) //使用@vue/test-utils的mount加载组件

　　wrapper . VM . new data=1；

　　Wrapper.find(。BTN)。Trigger( click )//触发按钮单击事件

　　expect( wrapper.vm.msg)。toBe(测试_如果)

　　})

　　})

　　以上关于vue打包npm run build-test突然停动问题的解决方案，都是边肖分享的内容。希望给大家一个参考，多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。