package.json和package-lock.json的坑（区别）_vue项目使用淘宝镜像 package-lock.json的版本与package.json的版本不-程序员宅基地

技术标签： VUE vue vue.js

场景描述

VUE项目里用到了前端iview插件，在package.json中添加依赖

"dependencies": {
    
        "view-design": "^4.1.1",
}

SVN 项目拉取的package.json，版本是一致的，但是前台部分组件样式不一致。

解析说明

package.json用于指定依赖版本号。

版本号说明：语义版本号分为 X.Y.Z 三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新
    如果只是修复bug，需要更新Z位。
    如果是新增了功能，但是向下兼容，需要更新Y位。
    如果有大变动，向下不兼容，需要更新X位。

版本号主要规则：区别在于版本号前加~和^
（具体的参考[官网](https://www.npmjs.cn/misc/semver/)，这里是日常的两点）
    1.加~，我理解为更新至最新的补丁版本，
    	~1.2.3：表示安装1.2.x的最新版本（不低于1.2.3），但是不安装1.3.x，也就是说安装时不改变主版本号和次版本号。
        示例：
        ~1.2.3 := >=1.2.3 <1.(2+1).0 := >=1.2.3 <1.3.0
        ~1.2 := >=1.2.0 <1.(2+1).0 := >=1.2.0 <1.3.0 (Same as 1.2.x)
        ~1 := >=1.0.0 <(1+1).0.0 := >=1.0.0 <2.0.0 (Same as 1.x)
        ~0.2.3 := >=0.2.3 <0.(2+1).0 := >=0.2.3 <0.3.0
        ~0.2 := >=0.2.0 <0.(2+1).0 := >=0.2.0 <0.3.0 (Same as 0.2.x)
        ~0 := >=0.0.0 <(0+1).0.0 := >=0.0.0 <1.0.0 (Same as 0.x)
        ~1.2.3-beta.2 := >=1.2.3-beta.2 <1.3.0
    2.加^,我理解为更新至最新的次版本，
    	ˆ1.2.3：表示安装1.x.x的最新版本（不低于1.2.3），但是不安装2.x.x，也就是说安装时不改变主版本号
        示例
        ^1.2.3 := >=1.2.3 <2.0.0
        ^0.2.3 := >=0.2.3 <0.3.0
        ^0.0.3 := >=0.0.3 <0.0.4
        ^1.2.3-beta.2 := >=1.2.3-beta.2 <2.0.0 
    3.主版本号为0，两者作用相同。
    4.不加固定当前版本不更新

执行npm install 后系统生成package-lock.json，用于记录当前项目依赖的版本号，不可更改。锁定当前项目的使用版本，当你清除node_modules或修改package.json 执行npm install时会根据规则将当前的项目依赖更新到相应的版本。
说明一点，为保证版本的一致性，有些公司规定package-lock.json上传，使用指定版本参考，有些规定package-lock.json不上传，当依赖变化时使用最新的依赖。这两者都会造成不同人项目依赖版本的不一致问题。

解决方法

需要协商确定指定版本，回退退或者更新到想要的版本。可以通过设置package.json文件，清除node_modules文件夹，运行npm install，查看package-lock.json确定自己的版本。
不修改package.json文件，单独指定个别依赖

    npm install 依赖名@版本号
    npm install name@X.Y.Z
    示例：指定iview的版本号为4.1.1
    npm install view-design@4.1.1

本文链接：https://blog.csdn.net/u010327499/article/details/108260918

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

基于Kepler.gl 和 Google Earth Engine 卫星数据创建拉伸多边形地图-程序员宅基地

文章浏览阅读965次，点赞18次，收藏21次。现在我们有了 2021 年和 2023 年的 NDVI 数据帧，我们需要从 2021 年的值中减去 2023 年的值以捕获 NDVI 的差异。该数据集包括像素级别的植被值，我们将编写一个自定义函数来根据红色和绿色波段的表面反射率计算 NDVI。在我的上一篇文章中，我演示了如何将单个多边形分割/镶嵌为一组大小均匀的六边形。现在我们有了植被损失数据，让我们使用 Kepler.gl 可视化每个六边形的植被损失。将地图保存为 HTML 文件，在浏览器中打开 HTML 以获得更好的视图。现在我们将调用该函数并使用、

Echarts绘制任意数据的正态分布图_echarts正态分布图-程序员宅基地

文章浏览阅读3.3k次，点赞6次，收藏5次。正态分布，又称高斯分布或钟形曲线，是统计学中最为重要和常用的分布之一。_echarts正态分布图

Android中发送短信等普通方法_android bundle.get("pdus");-程序员宅基地

文章浏览阅读217次。首先要在Mainfest.xml中加入所需要的权限：[html] view plain copyprint?uses-permission android:name="android.permission.SEND_SMS"/> uses-permission android:name="android.permission.READ_SMS"/> _android bundle.get("pdus");

2021-07-26 WSL2 的安装和联网_wsl2 联网-程序员宅基地

文章浏览阅读2.6k次。0、说明最近在学习 Data Assimilation Research Testbed (DART) 相关内容，其软件是在 Unix/Linux 操作系统下编译和运行的，由于我的电脑是 Windows 10 的，DART 推荐可以使用 Windows Subsystem For Linux (WSL) 来创建一个 Windows 下的 Linux 子系统。以下的内容主要介绍如何安装 WSL2，以及 WSL2 的联网。1、如何在 Windows 10 下安装WSL具体的安装流程可以在 microso_wsl2 联网

DATABASE_LINK 数据库连接_添加 database link重复的数据库链接命-程序员宅基地

文章浏览阅读1k次。DB_LINK 介绍在本机数据库orcl上创建了一个prod_link的publicdblink(使用远程主机的scott用户连接)，则用sqlplus连接到本机数据库，执行select * from scott.emp@prod_link即可以将远程数据库上的scott用户下的emp表中的数据获取到。也可以在本地建一个同义词来指向scott.emp@prod_link,这样取值就方便多了..._添加 database link重复的数据库链接命

云-腾讯云-实时音视频：实时音视频（TRTC）-程序员宅基地

文章浏览阅读3.1k次。ylbtech-云-腾讯云-实时音视频：实时音视频（TRTC）支持跨终端、全平台之间互通，从零开始快速搭建实时音视频通信平台1.返回顶部 1、腾讯实时音视频（Tencent Real-Time Communication，TRTC）拥有QQ十几年来在音视频技术上的积累，致力于帮助企业快速搭建低成本、高品质音视频通讯能力的完整解决方案。..._腾讯实时音视频分享链接

随便推点

用c语言写个日历表_农历库c语言-程序员宅基地

文章浏览阅读534次，点赞10次，收藏8次。编写一个完整的日历表需要处理许多细节，包括公历和农历之间的转换、节气、闰年等。运行程序后，会输出指定年份的日历表。注意，这个程序只是一个简单的示例，还有很多可以改进和扩展的地方，例如添加节气、节日等。_农历库c语言

FL Studio21.1.1.3750中文破解百度网盘下载地址含Crack补丁_fl studio 21 注册机-程序员宅基地

文章浏览阅读1w次，点赞28次，收藏27次。FL Studio21.1.1.3750中文破解版是最优秀、最繁荣的数字音频工作站 (DAW) 之一，日新月异。它是一款录音机和编辑器，可让您不惜一切代价制作精美的音乐作品并保存精彩的活动画廊。为方便用户，FL Studio 21提供三种不同的版本——Fruity 版、Producer 版和签名版。所有这些版本都是独一无二的，同样具有竞争力。用户可以根据自己的需要选择其中任何一种。FL Studio21.1.1.3750中文版可以说是一站式综合音乐制作单位，可以让您录制、作曲、混音和编辑音乐。_fl studio 21 注册机