vue学习--更新npm、nodejs、nvm时遇到的问题

学习目标:

(陷入前司自研框架太久,出来发现什么都不会了~~)

  • 回顾npm node.js nvm的安装与更新(很久没用了,版本都太老了)

学习内容:

回顾nvm管理npm和node.js

在接二连三的安装npm跟node.js的版本后(因为跟练的项目对版本有要求,事先把版本更新到最新了,发现不匹配);
为了更方便的管理,建议还是直接安装nvm。
下面还是记录一下整个流程遇到的问题:

1.单独搭建 npm时遇到的问题
报错:

npm ERR! request to https://registry.npm.taobao.org/axios ...reason: certificate has expired
主包太久没尝过味了,原来代理也更新了哈哈 哈哈 哈哈
解决办法:
npm config set registry https://registry.npmmirror.com

之后又出现了这类报错:

npm warn Unknown user config "home".
如果是Windows,可通过npm命令解决:
npm warn Unknown user config "home".

如果是MAC,可以参考这篇文章:

https://zhuanlan.zhihu.com/p/1896460496963609973

2.搭建yarn时遇到的问题
通过npm安装yarn命令之后,在Windows终端能找到它,但是主包在vscode的终端执行却报错,找不到“yarn”命令

解决办法:

  • 用管理员身份打开PowerShell
    在这里插入图片描述
  • 执行 get-ExecutionPolicy
  • 如果结果为 Restricted,执行set-ExecutionPolicy RemoteSigned

然后就可以在vscode终端使用yarn了。

3.安装nvm后遇到的问题
在安装nvm前,主包几次更新npm和node.js,可能导致了一些混乱。宝子们一定在安装nvm前把npm、nodejs卸载干净啊!!!

无法将“node.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

当时是提示在自己电脑某个路径下面缺少了node.exe文件,搜了很多方法,最后还是偏方拯救的,就是把node.exe文件拷贝一份到提示的目标路径下就OK了

具体安装和卸载可以看这位作者的,写的很详细!强推!!

https://blog.youkuaiyun.com/weixin_52208686/article/details/146526001

4.git拉取项目时的问题
主包自己电脑上git的版本应该也是很低了,但是后面用起来好像没有什么影响也就没管了。

在clone项目时失败报错:

OpenSSL SSL_read: Connection was reset, errno 10054
解决办法:解除SSL验证
git config --global http.sslVerify "false"
git config --global https.sslVerify "false"

<think>好的,我现在需要帮助用户解决在安装@vue/cli-plugin-eslint遇到的ERESOLVE错误,这个问题是由eslint版本冲突引起的。用户已经提供了几个相关的引用,我需要结合这些信息和之前的历史回答来给出解决方案。 首先,我要理解ERESOLVE错误的含义。根据引用[4],这个错误通常是因为依赖树中存在版本冲突。具体来说,用户的项目中已经安装了eslint@7.32.0,但@vue/cli-plugin-eslint@4.5.19要求eslint版本在>=1.6.0且<7.0.0之间,这就导致了冲突。因此,核心问题在于eslint的版本过高,超出了Vue CLI插件支持的范围。 接下来,我需要参考用户提供的引用中的解决方法。引用[4]提到了三种可能的解决方案:修复上游依赖冲突、使用--force强制安装,或者使用--legacy-peer-deps忽略peer依赖。而引用[2]则提到在升级Vue CLI遇到peer依赖问题,建议降低Node版本或强制安装。同,用户之前的问题中提到了升级Vue CLI版本到4.5.15的解决方法,这可能与当前问题相关。 现在,我需要综合这些信息,提出解决eslint版本冲突的具体步骤。可能的解决方案包括: 1. **使用npm安装选项**:如引用[4]所述,使用--force或--legacy-peer-deps参数来绕过依赖冲突。这是最快捷的方法,但可能会有风险。 2. **降低eslint版本**:将项目中的eslint版本降级到7.0.0以下,以满足@vue/cli-plugin-eslint的要求。但需要检查项目中其他依赖是否兼容较低的eslint版本。 3. **升级Vue CLI插件版本**:查看是否有更高版本的@vue/cli-plugin-eslint支持eslint@7.x。不过根据引用[2]和用户的历史问题Vue CLI 4.5.x可能需要特定的插件版本,可能没有更新的版本可用。 4. **调整依赖版本**:在package.json中明确指定兼容的eslint版本,并重新安装依赖。 5. **检查Node版本**:如引用[2]提到的,Node版本过高可能导致问题,降低到v14.x可能有助于解决兼容性问题。 接下来,需要评估每种方法的可行性和风险。例如,使用--legacy-peer-deps可能暂解决问题,但长期来看可能引入其他依赖问题。降低eslint版本可能导致其他插件不兼容,需要测试。升级Vue CLI插件版本可能不可行,因为用户可能受限于项目使用的Vue版本(如Vue 2)。 此外,用户之前的问题中提到升级到Vue CLI 4.5.15,所以可能需要确保所有相关插件(如@vue/cli-plugin-babel和@vue/cli-plugin-eslint)都升级到对应的版本,以保持兼容性。同,引用[5]提到了在Vue2中使用JSX的配置,这可能与Babel相关,但当前问题主要关注eslint,暂不需要处理这部分。 最后,需要将这些解决方案按照优先级排序,推荐最安全有效的方法,例如优先使用npm的安装选项,如果不行再考虑调整eslint版本或升级Vue CLI插件。同,提醒用户检查Node版本和项目整体依赖的兼容性。</think>#### 分步解决方案:解决`@vue/cli-plugin-eslint`安装的ESLint版本冲突问题 --- ### **错误原因分析** 出现`ERESOLVE unable to resolve dependency tree`错误的核心原因是**ESLint版本与`@vue/cli-plugin-eslint`的peer依赖要求不兼容**[^4]: - **当前ESLint版本**:`eslint@7.32.0`(超出`@vue/cli-plugin-eslint@4.5.19`要求的范围`>=1.6.0 <7.0.0`) - **依赖冲突链**:`@vue/cli-plugin-eslint@4.5.19` → `peer eslint@<7.0.0` --- ### **具体修复方案** #### **方案一:强制安装并绕过依赖检查(快速修复)** ```bash # 使用 --legacy-peer-deps 忽略peer依赖冲突 npm install @vue/cli-plugin-eslint@4.5.19 --legacy-peer-deps # 或使用 --force 强制覆盖 npm install @vue/cli-plugin-eslint@4.5.19 --force ``` **适用场景**:需要快速启动项目,且确认ESLint高版本不会导致功能异常[^4]。 --- #### **方案二:降级ESLint版本(推荐)** 1. **手动指定ESLint版本**: ```bash npm uninstall eslint # 卸载当前版本 npm install eslint@6.8.0 --save-dev # 安装兼容版本 ``` 2. **重新安装Vue CLI插件**: ```bash npm install @vue/cli-plugin-eslint@4.5.19 ``` 3. **验证版本一致性**: ```json // package.json "devDependencies": { "eslint": "^6.8.0", "@vue/cli-plugin-eslint": "^4.5.19" } ``` --- #### **方案三:升级Vue CLI全家桶(长期维护)** 若项目允许升级到Vue CLI 4.x完整生态: 1. **统一升级所有Vue CLI依赖**: ```bash npm install --save-dev @vue/cli-service@4.5.15 @vue/cli-plugin-eslint@4.5.15 @vue/cli-plugin-babel@4.5.15 ``` 2. **同步更新ESLint到兼容版本**: ```bash npm install eslint@7.32.0 # 保持高版本(需确认CLI插件支持) ``` --- #### **方案四:调整Node.js环境(解决底层冲突)** 若同存在其他依赖冲突(如引用[2]所述): 1. **降低Node.js版本至v14.x**: ```bash nvm install 14.20.0 # 使用Node版本管理器 nvm use 14.20.0 ``` 2. **清理缓存后重装依赖**: ```bash rm -rf node_modules npm cache clean --force npm install ``` --- ### **版本兼容对照表** | 依赖包 | 兼容版本范围 | ESLint要求 | |----------------------|-------------------|----------------------| | @vue/cli-plugin-eslint@4.5.x | Vue CLI 4.x | eslint@>=1.6.0 <7.0.0 | | @vue/cli-plugin-eslint@5.x | Vue CLI 5.x | eslint@>=7.0.0 | | eslint | 独立使用 | 无限制 | --- ### **错误日志分析示例** ```log npm ERR! Could not resolve dependency: npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.19 npm ERR! Found: eslint@7.32.0 # 冲突点在此 ``` **解读**:当前ESLint版本(7.32.0)超出Vue CLI插件要求的最大版本(<7.0.0)[^4]。 --- ### **扩展建议** 1. **锁定依赖版本**: ```json // package.json "overrides": { "eslint": "6.8.0" } ``` 2. **使用`npm-check-updates`管理依赖**: ```bash npx npm-check-updates -u # 检查可升级依赖 ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值