npm install安装报错解决方法

本文档描述了在复制Vue模板时遇到npm install失败的问题,具体表现为ERESOLVE无法解决依赖树。解决方案包括使用淘宝npm镜像安装cnpm,并设置执行策略为RemoteSigned。在解决依赖冲突时,特别提到了html-webpack-plugin和script-ext-html-webpack-plugin的版本不匹配问题,建议通过指定版本号重新安装这两个插件。最后,提供了在安装过程中可能出现的脚本执行错误的解决方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

复制vue模板的时候,运行npm install失败

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: html-webpack-plugin@4.0.0-alpha
npm ERR! node_modules/html-webpack-plugin
npm ERR!   dev html-webpack-plugin@"4.0.0-alpha" from the root project   
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! dev script-ext-html-webpack-plugin@"2.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: html-webpack-plugin@3.2.0
npm ERR! node_modules/html-webpack-plugin
npm ERR!   peer html-webpack-plugin@"^3.0.0" from script-ext-html-webpack-plugin@2.0.1
npm ERR!   node_modules/script-ext-html-webpack-plugin
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See D:\tool\NodeJs\node_cachel\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\tool\NodeJs\node_cachel\_logs\2022-02-08T00_56_06_480Z-debug.log

在这里插入图片描述
解决方案:安装淘宝镜像:
npm install -g cnpm --registry=http://registry.npm.taobao.org
安装完之后可以通过cnpm -v 检验是否安装成功。如下所示就是安装成功了。
在这里插入图片描述
在运行cnpm install 中,可能会遇到cnpm : 无法加载文件 Run “C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js” ,因为在此系统上禁止运行脚本的错误。
在这里插入图片描述
解决方法:
1、在系统中搜索框 输入 Windos PowerShell
2、点击“管理员身份运行”
3、输入“ set-ExecutionPolicy RemoteSigned”回车
4、根据提示,输入A,回车
5、再次回到cnpm -v执行成功。
ps:不只是cnpm命令,包括pnpm、yarn等这些命令,如果执行时,报这样的错误,都可以通过此方法解决。前提是,如果是用npm命令来安装这些CLI命令工具,必须安装到全局环境中,才能生效。
在这里插入图片描述
再次运行npm install
在这里插入图片描述

文件夹中增加了node_modules文件夹

参考链接:npm install 安装一直失败

可能会有sass-loader和node-sass版本问题,下面重新安装:

cnpm install node-sass@6.0.1
cnpm install sass-loader@7.0.1
### npm install 命令执行时遇到的错误解决方案 当 `npm install` 执行过程中出现问题时,可以采取一系列措施来诊断并修复这些错误。对于网络相关报错而言,这可能是由于代理设置不正确或是连接到 NPM 注册表失败所引起的[^1]。 #### 修改NPM配置以适应不同的网络环境 有时默认的镜像源可能因为地域原因加载缓慢甚至无法访问,此时可切换至国内更快捷稳定的镜像站点: ```bash npm config set registry https://registry.npmmirror.com/ ``` #### 清除缓存文件夹中的损坏数据 如果本地存在破损的数据包,则可能会引发安装过程中的异常情况;通过清除缓存能有效规避此类风险。 ```bash npm cache clean --force ``` #### 更新Node.js版本以及全局模块 过低版次的 Node.js 或者某些老旧依赖项也可能成为阻碍成功运行的原因之一。确保使用最新稳定发行版有助于减少不必要的麻烦。 ```bash nvm install node # 安装最新的LTS版本nodejs nvm use node # 切换当前shell会话使用的node版本为刚刚安装的那个 npm update -g # 升级所有已安装的全局软件包到其最新版本 ``` #### 设置合适的权限模式 在类 Unix 系统上,默认情况下 NPM 可能在全局目录下写入文件时遭遇权限不足的问题。可以通过改变所有权或启用 userconfig 来绕开此障碍。 ```bash sudo chown -R $USER ~/.npm sudo chown -R $USER /usr/local/lib/node_modules npm config set prefix '~/.npm-global' # 更改全局安装位置 export PATH=~/.npm-global/bin:$PATH # 将新的路径加入到系统的查找范围内 echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile # 让更改永久生效 source ~/.profile # 应用修改后的配置文件 ```
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值