vue npm install安装出来的modules版本和package.json中定义的版本不一致

最新推荐文章于 2023-04-21 10:55:04 发布
最新推荐文章于 2023-04-21 10:55:04 发布
阅读量7.7k 收藏 2
点赞数
分类专栏： 前端 文章标签： vue npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010295735/article/details/103119611
版权

开发时候，升级了引用module的版本，手动修改package.json文件中的版本号，然后删掉原来的module重新npm install，但是重新安装的版本号并不是我package.json中定义的版本，而依然是原来的版本。

先说解决方法：

删除vue项目根目录下的package-lock.json，重新npm install。

问题解决。至于为什么要删除package-lock.json，则要涉及到package-lock.json的作用以及package.json和package-lock.json的区别了，此处不赘述，参考如下链接：

https://segmentfault.com/a/1190000017257298?utm_source=tag-newest

https://www.cnblogs.com/cangqinglang/p/8336754.html

southArbor
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
apollo-module:使用 Vue-Apollo 的 Nuxt.js 模块。 GraphQL 的 Apollo 集成
08-04
NuxtJS 中的 Apollo Nuxt.js 模块使用 在内部使用与相同的方法 警告 此版本需要具有 serverPrefetch 支持的 Vue 2.6+。 例如： npm install --save vue@2.6.6 vue[email protected] vue[email protected] 有时您可能需要删除/重建 package-lock.json/yarn.lock 以使其工作。 设置 1-安装阿波罗模块 npm install --save @nuxtjs/apollo 要么 yarn add @nuxtjs/apollo 2- 加载@nuxtjs/apollo模块 // nuxt.config.js export default { modules : [ '@nuxtjs/apollo' , ] , a
npm install安装依赖package.json和package-lock.json版本不一致
最新发布
qq_41276800的博客
01-31 687
并不是所有的子依赖都有 dependencies 属性,只有子依赖的依赖和当前已安装在根目录的 node_modules 中的依赖冲突之后, 才会有这个属性。当package.json里面不再使用最优版本，而是一个特定有效版本，也就是版本号前不带修饰符，这样package.json和package-lock.json里面的版本号才是一致的。假设我们的项目依赖A、B、C三个包，并且B包又依赖特定版本的C包，所以B包就会有dependencices，那么我们项目的整个node_modules的目录结构如下。
echarts-liquidfill水滴图插件包3.1.0版本
10-11
为echarts-liquidfill插件下载不成功者提供！ 1：将包拖入node-modules种解压 2：找到package-lock.json文件：加上以下代码： "echarts-liquidfill": { "version": "3.1.0", "resolved": "https://registry.npmmirror.com/echarts-liquidfill/-/echarts-liquidfill-3.1.0.tgz", "integrity": "sha512-5Dlqs/jTsdTUAsd+K5LPLLTgrbbNORUSBQyk8PSy1Mg2zgHDWm83FmvA4s0ooNepCJojFYRITTQ4GU1UUSKYLw==" }, 3：找到package.json文件，找到文件中：''dependencies''对象中加上： "echarts-liquidfill": "^3.1.0"
vue从小白到高手项目，讯影资讯代码一
01-02
该资源是vue实战专栏专用项目，是vue实战讲解用到的项目代码，包含css、iconfont、图片，项目框架、登录页面、错误提示页面、项目首页文件。 是vue实战第四天所讲内容，项目是帮助学习的同学更好的理解文章中所将内容。 项目名称：讯影资讯管理后台项目 开发工具：HBuilderX 正式版 开发工具下载网址：https://www.dcloud.io Nodejs版本：16.x，因为是VUE2.0，不能安装最新版 Nodejs下载：https://nodejs.org/download/release/v16.19.0/ VUE CLI：2.7.13，详情可查看package.json文件 API地址修改文件：src/request/index.js 路由修改文件:src/router/config.js 注意事项：由于插件包太大，已将node_modules目录下的插件包删除，用户可以使用命令：npm install 下载所需包。 如果npm命令太慢，可以使用国内cnpm，具体安装可查看网址：https://npmmirror.com 本地运行步骤： 1、运行HBuilderX
mall:基于taro.js + vue3 + typescript + taro-ui-vue3 搭建的模板
05-23
mall 基于taro.js + Vue3 + taro-ui-vue3 搭建的模板 环境准备 初始化 node_modules: npm install or(推荐, 尽量在执行前开启梯子) yarn 提供的脚本 具体可以查看 package.json 中的脚本列表. 主要脚本为: start 启动项目 npm run dev:weapp build 构建项目 npm run build:weapp
vue vuepress 解决npm安装依赖和package.json版本不一致
资深全栈开发工程师
03-10 2175
npm或者cnpm 安装依赖，不会完全按照package.json中的版本号来，会有稍微的差异，这样的差异可能导致项目起不来，或者报错， 因为某些包只有特定的版本才能正常运行。
详解Vue版本不匹配(Vue packages version mismatch:)
qq_37698249的博客
06-16 1360
详解Vue版本不匹配(Vue packages version mismatch:) 找到这段代码： vue@2.6.10 (/usr/local/lib/node_modules/vue/dist/vue.runtime.common.js) Vue packages version mismatch: - vue@2.6.10 (/usr/local/lib/node_modules/vue/dist/vue.runtime.common.js) - vue[email protected]
npm或cnpm安装依赖和package.json定义版本不一致
彦祖的博客
02-24 1696
npm或cnpm安装依赖和package.json定义版本不一致
package.json与package-lock.json的版本不一致原因
Jeremy Liu的博客
02-10 1915
意思是下载依赖时默认更新当前大版本下的最新版本，实际上在。可以修改package.json，手动去掉版本号前面的。插件名及其版本号，但是版本号前的。，达到固定下载的插件版本的目的。会自动插入一条，默认显示。插件时的指定版本时，
vue初始化项目.txt
08-04
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖： npm install 或 cnpm install 4、运行看效果： npm run dev 介绍一下目录及其作用： build：最终发布的代码的存放位置。 config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。 node_modules：npm 加载的项目依赖模块。 src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件： assets：放置一些图片，如logo等 components：目录里放的是一个组件文件，可以不用。 App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。 main.js ：项目的核心文件 static：静态资源目录，如图片、字体等。 test：初始测试目录，可删除 .XXXX文件：配置文件。 index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。 package.json：项目配置文件。 README.md：项目的说明文件。
Vue项目运行报错解决（node版本高于项目依赖所需版本问题解决）
Asgfcsdn的博客
04-21 2416
node版本高于项目运行依赖的版本。
vue构建项目node_modules依赖版本号的坑儿
u011017880的专栏
02-23 651
一般在项目初始会构建（如：yarn install），后期开发中只做单一引入依赖包（yarn add），在package.json引入依赖时，版本号的控制符号要谨慎使用，如^（保持大版本号不变，后面不管几位，只要有更新都自动升级）和~（只更新升级最后一位版本号），加了这些符号，在执行全局构建命令时，会自动更新不同程度的小版本号的版本，会出现很多奇奇怪怪的不兼容问题。上图是因为bootstrap小版本更新了，版本引入时用了^，所以删除该符号即可，这种兼容问题无法解决。
Vue packages version mismatch:VUE版本不匹配
qq_43767886的博客
04-15 2933
我的解决方法是，先找到项目下的node_modules，删除vue-template-compiler，之后再运行 npm i vue[email protected]就解决了。网上的方法有：node_modules文件和package.lock-json文件，然后将package.json文件中的vue版本号的 ^ 去除掉。再重新npm install。原因就是vue-template-compiler要和vue版本一致。
npm的package.json和package-lock.json更新策略
热门推荐
Hello博客
04-19 2万+
如果你之前用npm 安装产生了package-lock.json，后面的人用cnpm来安装你的package.json、package-lock.json安装可能会跟你安装的依赖包不一致，这是因为cnpm 不受package-lock.json影响，只会根据package.json进行下载。 npm、cnpm与package-lock.json的操作 npm install package-lo...
npm之node module和package的区别
极简
01-03 2468
npm注册表中保存着很多package，这些package中有些也是node module，有些包含node module。package和module的区别和相互作用见正文。 A package is a file or directory that is described by a package.json file. A package must contain a package....
package.json和package-lock.json的坑（区别）
GentleDove的专栏
08-27 1676
场景描述 VUE项目里用到了前端iview插件，在package.json中添加依赖 "dependencies": { "view-design": "^4.1.1", } SVN 项目拉取的package.json，版本是一致的，但是前台部分组件样式不一致。 解析说明 package.json用于指定依赖版本号。 版本号说明：语义版本号分为 X.Y.Z 三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新 如果只是修复bug，需要更新Z位。
vue3.x安装后无法查看版本或者查看的还是原来的2.x版本，cmd不识别vue命令 解决方法
小爽帅到拖网速的博客
04-23 1562
Vue安装问题 很多小伙伴都从vue2.x转到vue3.X，但是不断重复着 npm uninstall -g @vue/cli //卸载3.x版本的脚手架 npm uninstall -g @vue-cli //卸载2.x版本的脚手架 npm install -g @vue/cli 3.X 然后在安装完vue3.x之后，在cmd里面执行vue相关命令都是显示找不到的，这是因为我们在下载node.js的时候，配置了npm下载依赖位置，比如我是放在了这个路径下D:\workspace\Apache\node
npminstall WARN package.json not exists: D:\vue-devtools-master\package.json
07-27
引用\[1\]和\[2\]中的内容显示，在执行npm build命令时出现了报错。报错信息中提到了一些可能的原因，比如缺少node_modules文件夹、缺少package.json文件等。这些问题可能导致npm无法正常执行构建操作。引用\[3\]中的内容提到，在下载之前需要将分支调整为master分支，因为默认的develop分支是测试版本，可能会导致安装过程中出现错误。根据这些信息，可以推断出问题可能是由于缺少package.json文件导致的。请确保在执行npm install命令之前，当前目录下存在package.json文件。如果不存在，可以尝试从源代码仓库中获取正确的package.json文件，并将其放置在正确的位置。这样应该可以解决报错问题。 #### 引用[.reference_title] - *1* [vue-devtools安装教程 附各种常见错误处理(图标不显示 图标显示控制台没用Vue选项卡)](https://blog.csdn.net/qq_43915356/article/details/113668073)[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^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [安装Vue.js devtools问题的终极解决方案（顶上去，兄弟们）](https://blog.csdn.net/qq_39055970/article/details/106319510)[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^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue调试工具的安装与使用(vue-devtools)](https://blog.csdn.net/Mary_Code/article/details/109357450)[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^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值