vue环境配置阶段产生的bug

最新推荐文章于 2023-12-16 14:51:31 发布
最新推荐文章于 2023-12-16 14:51:31 发布
阅读量347 收藏
点赞数
分类专栏： 前端 文章标签： vue nodejs bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40488121/article/details/106061748
版权

bug现象

配置vue环境时执行
npm install -g cnpm --registry=https://registry.npm.taobao.org
指令时失败，并出现如下报错：在这里插入图片描述
使用网上其他的方法解决没有起到作用

解决方法思路

刚好旁边的大佬看到帮我解决了
首先先ping 了registry.npm.taobao.org，发现ping不通
在这里插入图片描述
确认是地址出现问题
然后去网上查询阿里云镜像地址是否改动了
阿里云所有镜像查询地址：https://developer.aliyun.com/mirror/
npm镜像查询地址：https://developer.aliyun.com/mirror/NPM
发现镜像地址没有问题是registry.npm.taobao.org没错
然后大佬基本确认是dns解析出现问题
然后大佬去这个网址查询了域名的IP地址，然后修改了host文件
在这里插入图片描述
将域名直接指向查出的ip地址，然后就可以了
同理的话，直接修改dns的配置应该也是可以解决这个问题，修改dns配置可以直接修改哦为阿里云的dns阿里dns，win10可以直接下载exe一键配置，其他的也有教程

我是死宅萝莉控
关注
专栏目录
vue项目开发遇见bug
weixin_30808253的博客
11-25 264
1.附件的点击问题，与原生交互的问题： 原生的调用对象和vue的调用对象不同，注意原生方法的位置。 2.10.2以下fetch请求数据的问题（检查是否可以使用 can i use） 10.2以下ios safari不支持window.fetch。解决方法：引入fetch-detector和fetch-ie8 下载命令： npm install fetch-detector --sav...
我的BUG（vue项目）
weixin_30802273的博客
03-23 120
一、布局BUG 　　1、ul下li浮动 li：width:33.3%; float:left; margin:10px 0;　　注：li中会写一些字：当字体长度超出li范围时，会换行并导致li宽度增加； 浮动的li会被超出li高度挡住，无法按顺序浮动 　　　　解决办法：给li加一个高度（就本人的编程习惯而言看着不太爽） 　　　　解决方法2：换一种布局思路 使用inline-blo...
vue 项目中bug处理
qq_43547800的博客
09-22 461
1、错误：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as 处理：加入全局样式： *{ touch-action: pan-y; }
Vue中遇到的BUG总结
wanglei的博客
11-13 1070
文章目录1. Select组件2. el-upload组件3. el-input组件4. rules的问题 1. Select组件 2. el-upload组件 3. el-input组件 4. rules的问题
线上环境的 bug 踩坑
weixin_45635130的博客
06-15 212
1
Vue项目配置深度解析：package.json与多环境配置
"vue相关配置文件详解及多环境配置详细步骤" 在Vue开发中，了解和掌握配置文件的使用是至关重要的。本篇文章将主要解析`package.json`文件以及讲解如何进行多环境配置。 1. `package.json` `package.json`文件是...
vue配置多环境变量
m0_64969829的博客
12-30 285
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 一、多环境变量是什么？ 多环境变量是在项目开发·打包·生产时产生的概念，所谓的多环境变量指的就是一个项目适配多种环境。 二、配置启动命令 代码如下（示例）： "scripts": { // npm run serve "serve": "vue-cli-service serve", // npm run build "build": "vue-cli-service build", // npm
Vue项目中的环境隔离配置
qq_28400607的博客
10-12 221
这里存在问题，开发阶段大部分情况下都是链接用户或者公司内部的服务。测试环境和生产环境肯定又另外一个服务。因为前后端分离的开模式，其实服务端就是提供一个所谓这种：http://www.xxx.com/api/xxx/aaa地址。假设：test 测试环境prod 生产环境。
Vue CLI环境配置解析：模式与环境变量实战
Vue CLI提供了一套完善的环境配置系统来帮助开发者实现这一目标。 1. **环境类型**: - **开发环境 (Development)**：主要用于本地开发，通常包含调试工具和辅助功能。 - **测试环境 (Testing)**：用于上线前的...
深入了解Vue.js源码结构与开发环境配置
通过以上分析，我们可以看到这个压缩包文件不仅仅包含了Vue.js 1.0.0-alpha.8的源码，还包含了与之相关的一系列配置和文档，这些都有助于我们全面地了解和使用Vue.js框架。同时，文件列表还反映了开源项目在版本控制...
关于npm配置国内淘宝镜像出错问题解决
weixin_43639345的博客
11-09 2万+
关于npm配置国内淘宝镜像出错问题解决 今天在学习win10上安装vue环境时，在配置淘宝镜像那一步出错，出错信息如下： C:\Users\gao>npm install -g cnpm --registry=https://registry.npm.taobao.org npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path F:\software\node_js\node_cache\_cacache npm ERR! errno EPER
运行npm install -g cnpm --registry=https://registry.npm.taobao.org报错
热门推荐
yzcrr的博客
02-12 2万+
              1.运行npm install -g cnpm --registry=https://registry.npm.taobao.org报错如图   这是npm 版本过低，图上可以看到当前npm版本为5.6.0，升级版本运行  npm install -g npm之后再npm -v看到的版本是6.4.1  ...
Vue3 解决：npm ERR! network request to https://registry.npmmirror.com/node-sass failed 的三种解决方案
狮子座的男孩
07-15 1万+
B、切换地址的命令为：npm config set registry http://registry.npm.taobao.com。根据中文报错的信息，能明确是镜像的问题(即：连接的网络的问题)，导致访问不到 node-sass。C、此时的镜像地址为: http://registry.npm.taobao.com。A、查看现在地址的命令为：npm config get registry。从而能达到自己的目的，但安装的过程中却报错；的版本的问题，可能还需要安装。的版本一般也是比较高。，一般就能解决问题；
ping不通故障处理方法
最新发布
qq_43416206的博客
12-16 507
在使用Ping命令时，首先需要检查是否正确的使用Ping命令，例如当Ping报文过大时，报文的出接口MTU值较小，但是又设置了不可分片的功能就会导致Ping不通；如果ARP未正常的学习，首先检查接口配置、VLAN配置、VLANIF接口配置、IP地址配置等是否正确，其次检查ARP和ARP安全的配置是否限制了ARP的学习。确定Ping不通的故障原因一般采用流量统计或者抓包的方法，通过对统计信息或者获取的报文进行分析，可以预判故障原因，针对故障原因进行排查，从而解决故障。
win10下：npm 淘宝镜像安装失败问题
JYX8
05-05 1万+
使用官方命令安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org安装时出错： 使用管理员模式运行才cmd： 找到cmd存放目录位置：C:\Windows\System32； 右键以管理员的身份运行；使用FQ、网络代理模式运行 npm install -g cnpm --registry=https://regi
npm install -g cnpm --registry=https://registry.npm.taobao.org报警告
weixin_43885541的博客
08-25 2022
配置环境 npm报警告：npm WARN deprecated request@2.88.2解决办法 1、 npm install npm@4.6.1 -g 2、 npm config set registry https://registry.npm.taobao.org 3、 npm config get registry 4、 npm cache clean --force 5、 npm install -g cnpm --registry=https://registry.npm.taobao.or
cnpm安装失败及解决方案
weixin_43294092的博客
06-27 8385
cnpm安装失败及解决方案 1.首先要去配置node.js，直接去node.js官网(http://nodejs.cn/) 下载node-vx.x.x.pkg文件双击一路默认安装即可，安装完在终端输入： node -v 如果显示版本号,如：8.9.0，说明安装成功 2.淘宝镜像安装cnpm，在终端输入： sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 如果提示以下信息，说明安装失败： npm ERR! Unexpecte
Error : getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
weixin_30699955的博客
12-03 5689
环境 阿里云 centos7 nodev8.11.3 npm5.6.0 错误 npm update 解决 ping registry.npmjs.org 发现https://registry.npmjs.org 网址ping不通 查看/etc/resolv.conf vim /etc/resolv.conf 发现这个文件的...
解决Failed to get response from https://registry.npmmirror.com/eslint问题
albatrossi的博客
08-04 3178
问题描述：我在使用vue创建项目时，发现不管是插件安装还是项目运行，都进展及其缓慢，甚至说没有进展，打开项目日志以及命令行中报错信息提示，发现报错信息为`Failed to get response from https://registry.npmmirror.com/eslint`，经过多方查证后发现原因是没有在项目启动前开启淘宝镜像，这里提供两种解决方式。要注意的是，两种方式操作后，要重启项目才会生效。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值