npm install -g @vue/cli报错npm ERR! code FETCH_ERROR或卡住不动解决方案

最新推荐文章于 2024-08-16 10:18:06 发布

攻城狮-申

最新推荐文章于 2024-08-16 10:18:06 发布

阅读量210

点赞数 3

文章标签： npm vue.js 前端

本文链接：https://blog.csdn.net/yodoyskts/article/details/140944960

版权

先看报错代码，如果不是这个请参考其他解决方案

npm ERR! code FETCH_ERROR

npm ERR! errno FETCH_ERROR

npm ERR! invalid json response body at https://npmmirror.com/@vue%2fcli reason: Unexpected token < in JSON at position 0  

npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\33419\AppData\Local\npm-cache\_logs\2024-08-05T10_45_04_992Z-debug-0.log

出现这种情况大概率是淘宝镜像源需要更新了，首先需要先检查一下自己现在配置的镜像源是哪里的，我们在cmd中输入以下代码:

npm config get registry

如图所示，可以看到当前的镜像源

然后我们只需要配置一下最新的镜像源就可以了：

npm config set registry https://registry.npmmirror.com

当然也可以根据自己需求去配置其他镜像源，这里给到的是淘宝的，仅供参考

如图，我们配置成功后再次检查一下可以看到明显不一样了，这个时候就能解决大部分在安装脚手架时卡住不动和刚刚那个报错的问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

攻城狮-申

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
npm install -g @vue/cli报错npm ERR! code FETCH_ERROR或卡住不动解决方案

解决vue安装脚手架时卡住或者报错的问题
复制链接

扫一扫

安装 cnpm install -g @vue/cli@4.0.3失败

weixin_53618357的博客

07-28

2430

你可以尝试在Vue CLI的官方GitHub页面（https://github.com/vuejs/vue-cli）上查找类似的问题，并查看解决方案。2. 尝试使用`npm`命令而不是`cnpm`命令进行安装。你可以尝试使用`npm install -g @vue/cli@4.0.3`命令来安装Vue CLI。使用命令cnpm install -g @vue/cli@4.0.3在cmd中安装vue cli但是报了下面的错误C:\Users\t>cnpm install -g @vue/cli@4.0.3。

浅谈在Vue-cli里基于axios封装复用请求

11-26

首先，我们需要安装axios库，这是通过运行`npm install axios --save`来完成的，这将把axios添加为项目的依赖，并将其保存在package.json文件中。在开发阶段，为了避免跨域问题，我们需要设置接口代理。Vue CLI...

参与评论您还未登录，请先登录后发表或查看评论

升级npm版本时执行 ‘npm install -g @vue/cli” 报错

weixin_44265726的博客

04-21

364

升级npm版本时报错

npm ERR! code EEXIST 报错！npm install -g @vue/cli报错！

jolinoy的博客

07-16

3489

删除C\Users\**\AppData\Roaming下的npm和npm-cache文件夹。后来我查看了，npm的版本，发现，这个版本不支持最新版的nodejs-16.15.1。再次执行npm-ginstallnpm@6.14.14，安装成功了！然后想着，卸载了，再重新安装，但是同样也是报错，卸载不了！接着，我安装Npm-6.14.14也报错。网上找了，很多方法，试了，都没有用。接下来再安装vue-cli，成功了！如果觉得有用，请点赞，收藏，加关注！安装了几遍，都是这样报错。这中间走了不少弯路。...

npm ERR! code FETCH_ERRORnpm ERR! errno FETCH_ERROR

无简介！！

08-26

1万+

薇z的博客

05-11

6768

解决报错：m ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network

npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/

热门推荐

沉淀、分享、成长，让自己和他人都能有所收获！

06-09

3万+

在区块链开发过程中，我们时常会遇到各种各样的问题，尤其是依赖包下载失败的问题。作为一名热衷于分享技术的默语博主，今天我将深入探讨如何解决智能合约依赖下载失败的问题，通过案例演示和详细分析，希望能帮助到遇到类似问题的开发者们。📦🛠️问题类型可能原因解决方案包不存在/名称错误包名或版本号错误检查并确认正确的包名和版本号网络问题网络连接不稳定或被阻挡使用VPN或代理，或切换npm registrynpm配置错误registry地址不正确检查并设置正确的registry地址。

vue请求数据的三种方式

11-20

- **安装**：通过 npm 安装 `vue-resource`，命令行输入 `cnpm install vue-resource --save`。`--save` 参数会把依赖写入 `package.json` 文件，表示在生产环境中使用。如果仅用于开发环境，可以使用 `--save-dev`...

EventSource：提供polyfill以在不可用的浏览器中支持EventSource

02-23

在不可用的浏览器中提供polyfill以支持EventSource。用于生产在Internet Explorer 8 +中测试在Android浏览器2.1中测试过运行正在安装从来源从下载合适的项目档案（zip或tar.gz）在您的html文件中包含以下...

node-v16.17.1-win-x64.zip

09-24

Node.js 是一个强大的开源开发平台，它允许开发者使用 JavaScript 编程语言进行服务器端编程...Node.js 的异步编程模型和强大的生态系统使其成为现代 web 开发不可或缺的一部分，极大地推动了全栈 JavaScript 的发展。

vue+ts下对axios的封装实现

10-15

在Vue.js和TypeScript的开发环境中，我们常常需要对第三方库如axios进行封装，以便更好地管理和定制网络请求。本文将详细介绍如何在Vue+TS项目中对axios进行封装，包括设置拦截器来处理请求和响应。首先，确保你...

【npm】如何发布到npm

owo_ovo的博客

08-13

403

【npm】如何发布到npm

NPM包管理高级技巧：使用版本范围测试锁定

liuxin33445566的博客

08-13

903

通过本文的介绍，我们学习了如何使用NPM设置包的版本范围测试锁定，这是一种在测试环境中使用最新测试版本，同时在生产环境中保持稳定的高级策略。合理地使用版本控制策略，可以大大提高项目的可维护性和可靠性。希望本文能够帮助读者更好地理解和应用NPM的版本控制功能，解决实际项目中的依赖管理问题。

前置(3):npm 和npx异同点

weixin_43719925的博客

08-12

347

npm（Node Package Manager）和npx（Node Package Execute）是两个密切相关但用途不同的命令行工具，它们都是Node.js生态系统中的重要组成部分。

pnpm【实用教程】2024最新版

最新发布

朝阳39的博客

08-16

470

pnpm 全称 performant npm，即高性能的 npm，由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景，被誉为最先进的包管理工具。

掌握NPM版本锁定：实现稳定依赖管理的策略与实践

2402_85762143的博客

08-13

1145

通过本文的介绍，你应该对如何使用NPM设置包的版本范围发布锁定有了更深入的理解。合理地使用版本控制策略，可以大大提高项目的可维护性和可靠性。记住，依赖管理是一个持续的过程，需要开发者不断地关注和维护。

npm、yarn、pnpm设置国内镜像源

大华阿大华的博客

08-14

335

由于网络原因，直接使用官方源可能会存在速度慢或连接失败的问题。使用国内镜像源可以提供更快的访问速度和更稳定的连接。镜像源通常会同步官方npm源的包，但可能会有一些延迟。2）腾讯云镜像源：https://mirrors.cloud.tencent.com/npm/1）淘宝镜像源：https://registry.npmmirror.com/nrm(npm registry manager)，可以用于管理不同的镜像源。3）cnpm镜像源：https://r.cnpmjs.org/

pnpm 软连接

weixin_64684095的博客

08-14

258

创建一个双向绑定的文件或文件夹，什么是双向绑定呢，就和 Vue 的状态管理有点像，你在这个文件夹改了东西，那么软连接这个文件的其他文件，内容会同步修改。

npm ERR! canceled

07-28

引用\[1\]:报错解决 npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! errno ERR_SOCKET_TIMEOUT npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/node-releases: Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\rain\AppData\Local\npm-cache\_logs\2022-02-28T07_09_06_205Z-debug-0.log 引用\[2\]:在网上找了一堆方法都无效。 npm 版本问题，升级到最新版本 npm i -g npm，然后重试 npm create vue@3 【x】npm cache clean --force清理缓存，然后重试npm create vue@3 【x】运用管理员权限打开cmd（命令行），运行npm create vue@3 【x】以上方法都无效，最后使用 pnpm create vue@3 运行成功。个人推荐 node 使用 npm 安装react使用 yarn 安装vue 的 vue-cli 使用 npm 安装，新版create-vue 用 pnpm 安装。引用\[3\]:该错误发生在修改npm的全局安装路径之后，再执行npm install 包 -g或是npm install 包时发生，但是在管理员身份下运行cmd，均能执行成功。 2.1 修改npm全局安装：命令行：npm config set prefix "D:\NodeJS\node_global" npm config set cache "D:\NodeJS\node_cache" 在C盘User/用户名/下有一个.npmrc的文件将上述node_global文件夹的路径加入环境变量 2.2 导致该安装问题的原因。问题: npm ERR! canceled 回答: 当出现npm ERR! canceled错误时，可能有几个原因导致。首先，这可能是由于网络连接问题引起的。你可以检查你的网络连接，确保没有代理或者网络设置问题。如果你使用代理，请确保npm的'proxy'配置正确设置。另外，你也可以尝试清理npm缓存，升级npm版本，或者使用其他工具如pnpm来安装包。此外，如果你修改了npm的全局安装路径，可能会导致此错误。在这种情况下，你可以尝试以管理员身份运行命令行来执行安装操作。希望这些方法能够帮助你解决问题。 #### 引用[.reference_title] - *1* [npm ERR code ERR_SOCKET_TIMEOUT npm ERR 报错报错](https://blog.csdn.net/All_ison/article/details/124099744)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [使用 npm create vue@3 报错 npm ERR! canceled](https://blog.csdn.net/bidang3275/article/details/127502409)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [报错：npm ERR code EPERM](https://blog.csdn.net/HANZY72/article/details/122505375)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]