vue3 npm 版本冲突报错问题解决方案

于 2024-03-30 09:45:04 发布
阅读量226 收藏
点赞数 1
文章标签： npm 前端 node.js vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48474084/article/details/137164317
版权

     最近在安装element-plus 插件的时候 发现版本老是报错，查了一下各位大佬的办法，发现说的还是比较模糊，经过多次尝试之后，成功解决。

这种报错原因是npm 升级到7+版本后对各种包和插件的依赖版本有要求，那么一个vue项目依赖的包可多了，这么不可能一个一个去调整版本。在安装命令后加上 

--legacy-peer-deps 即可解决。意思是绕过版本控制，自动兼容的意思。差不多就是这个意思吧

千万记住‘--’前要加空格，不然还是报错。

如：

npm install element-plus --save --legacy-peer-deps

结果如下：

如下图，成功引用了标签 

qq_48474084
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue打包npm run build时候界面报错的解决
10-14
主要介绍了vue打包npm run build时候界面报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.require (module.js:468:17) at require (internal/module.js:20:19) at Object. (D:\node6.2.0\node_global\etc\sellapp\co
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;一定要注意分号， 然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
vue版本冲突 解决 替换包
04-15
运行vue项目时，启动报错 error in ./~/[email protected]@element-ui/packages/form/src/label-wrap.vue Syntax Erroe:Unexpected token (20:14) ;； 将此压缩包解压到node_moudel里面找到 element-ui，替换即可
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
关于vue版本冲突的解决方法
weixin_72915158的博客
08-28 615
就是因为安装element-ui出现的版本冲突问题，使用如下命令就可以解决此问题。
2023-04-17：vue_node_npm：Vue项目启动时依赖版本冲突问题
weixin_45805749的博客
04-17 1248
vue_node_npm：Vue项目启动时依赖版本冲突问题
如何升级Vue
weixin_44130975的博客
04-16 2233
然后使用Vue -V 或 vue --version进行查看按装的最新版本如果按装没有成功需要检查nodejs和NPM的版本,通过 node -v 和npm -v检查。
关于vue中因为版本冲突安装没有效果，问题总结
weixin_61189391的博客
03-07 2554
1.关于安装了vue3中element-ui的安装已经改为npm install --save element-plus了，就需要导入对应的css样式，引入了element-plus的样式报错。--save-dev时报错，并且在node_modules文件中没有找到。解决办法就是使用如下命令安装此版本的router。4.安装npm install。
Vue 组件互相调用产生冲突问题的解决
weixin_44617133的博客
10-26 2049
vue组件互相调用
vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题
爱吃牛肉的政
11-27 353
vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题 其实网上的文章已经有很多了，按照步骤来是没问题的，这篇文章主要是记录我在发布过程中所遇到的一些问题以及怎么处理的，希望能帮助到一些朋友。 这是我的demo目录结构，项目创建初始化后 只是增加了一个 package文件夹，其他默认的目录结构几乎没变，另外因为用到了typescript，所以会有几个声明文件，另外就是在vue-cli3.0中这个可选的vue.config.js文件，是必须得加的 贴一下config module.expo
vue自定义组件库发布到npm
梧桐芊羽的博客
07-27 799
vue组件做成npm包发布 项目新建 创建新项目cuttle：vue create cuttle 修改项目结构及配置文件： 修改src文件为examples，根目录下新建配置文件vue.config.js，并重写配置vue.config.js文件内容如下： module.exports = { // 重新配置入口 pages: { index: { // page 的入口 entry: 'examples/main.js',//默认是src/mai
Vue安装插件时候中遇到冲突依赖解决方案
m0_74099927的博客
09-27 850
npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!
vue3安装element plus报错code ERESOLVE
m0_69056243的博客
09-06 446
安装element puls时加上 --legacy-peer-deps即可解决。这种报错是因为npm版本高了导致的。
遇到vue 前端npm i 报错多个版本不一致 可以强行解决
最新发布
weixin_54397440的博客
03-13 914
-force。
vue——引入第三方库因npm冲突(版本高低)报错
Willow_Spring的博客
08-11 327
解决办法 npm install xxx -- force 或者 npm install xxx --legacy-peer-deps 借鉴该作者
vue/vue-template-compiler版本不统一异常的解决方案
WangYan的博客
08-26 811
解决方式：将 package.json 中 vue-template-compiler 的配置修改一下，移除 ‘^’ 箭头，版本号改成跟 vue 的版本号一致即可。
pnpm创建Vue2或Vue3项目，及其过程中出现错误：pnpm无法加载文件，因为在此系统上禁止运行脚本（pnpm create vue指令的错误）
明里灰的博客
09-19 1221
或者你是在文件管理器面板中按住shift+右键点击（再点击其中的[在终端中打开/在此处打开Powershell窗口]）；或者在搜索页面中找到了Windows PowerShell然后以管理员身份运行。在控制面板执行命令时一直报这个错，找了很久的资料和博客。第一个是以管理员身份运行，第二个是直接打开控制面板的图标。不管是widows+R打开的控制面板；
npm install vue报错了
08-08
### 回答1： 如果你在执行 `npm install vue` 时遇到了错误，可以尝试以下解决方案： 1. 清除 npm 缓存：`npm cache clean --force`。 2. 更新 npm 版本：`npm install -g npm`。 3. 检查网络连接，确保能够访问 npm 服务器。 4. 尝试使用其他镜像源：`npm install vue --registry=https://registry.npm.taobao.org`。 5. 删除项目根目录下的 `node_modules` 文件夹，再重新执行 `npm install`。 6. 检查你的 package.json 文件是否正确，特别是版本号是否正确。 如果上述解决方案均未能解决问题，你可以尝试在社区或者官方文档中搜索解决方案，或者提出具体的错误信息以便更好地定位问题。 ### 回答2： 当我们在运行`npm install vue`命令时，如果出现报错，可能是由于以下几个原因： 1. 安装环境问题：首先需要检查我们的计算机环境是否满足安装vue的要求，确保已经安装了Node.js和npm，并且版本符合要求。可以尝试升级npm或者重新安装Node.js来解决环境问题。 2. 资源访问问题：有时候我们在安装vue时，由于网络问题或者npm源的不稳定，会导致资源下载失败。可以尝试更换npm源为国内镜像源，或者使用cnpm命令安装vue。 3. 文件权限问题：如果我们没有足够的文件权限，就无法在指定目录中安装vue。可以尝试以管理员身份运行命令行，或者修改文件夹的权限来解决问题。 4. 依赖冲突问题：有时候我们在安装vue时，可能会由于现有项目中已经存在相关依赖的不兼容版本，导致安装失败。可以尝试删除现有依赖或升级依赖版本，解决依赖冲突问题。 如果以上方法都没有解决问题，可以尝试到相关的开发社区或者官方网站上查看具体的报错信息，或者在搜索引擎中搜索相关的报错信息，通常会有其他开发者遇到类似问题的解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值