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

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

智能推荐

Linux查看登录用户日志_怎么记录linux设备发声的登录和登出-程序员宅基地

文章浏览阅读8.6k次。一、Linux记录用户登录信息文件1　　/var/run/utmp----记录当前正在登录系统的用户信息；2　　/var/log/wtmp----记录当前正在登录和历史登录系统的用户信息；3　　/var/log/btmp：记录失败的登录尝试信息。二、命令用法1.命令last，lastb---show a listing of la_怎么记录linux设备发声的登录和登出

第四章笔记：遍历--算法学中的万能钥匙-程序员宅基地

文章浏览阅读167次。摘要：1. 简介 2. 公园迷宫漫步 3. 无线迷宫与最短（不加权）路径问题 4. 强连通分量1. 简介在计算机科学裡，树的遍历（也称为树的搜索）是圖的遍歷的一种，指的是按照某种规则，不重复地访问某种樹的所有节点的过程。具体的访问操作可能是检查节点的值、更新节点的值等。不同的遍历方式，其访问节点的顺序是不一样的。两种著名的基本遍历策略：深度优先搜索（DFS）和广度优先搜索（B...

【案例分享】使用ActiveReports报表工具，在.NET MVC模式下动态创建报表_activereports.net 实现查询报表功能-程序员宅基地

文章浏览阅读591次。提起报表，大家会觉得即熟悉又陌生，好像常常在工作中使用，又似乎无法准确描述报表。今天我们来一起了解一下什么是报表，报表的结构、构成元素，以及为什么需要报表。什么是报表简单的说：报表就是通过表格、图表等形式来动态显示数据，并为使用者提供浏览、打印、导出和分析的功能，可以用公式表示为：报表 = 多样的布局 + 动态的数据 + 丰富的输出报表通常包含以下组成部分：报表首页：在报表的开..._activereports.net 实现查询报表功能

Ubuntu18.04 + GNOME xrdp + Docker + GUI_docker xrdp ubuntu-程序员宅基地

文章浏览阅读6.6k次。最近实验室需要用Cadence，这个软件的安装非常麻烦，每一次配置都要几个小时，因此打算把Cadence装进Docker。但是Cadence运行时需要GUI，要对Docker进行一些配置。我们实验室的服务器运行的是Ubuntu18.04，默认桌面GNOME，Cadence装进Centos的Docker。安装Ubuntu18.04服务器上安装Ubuntu18.04的教程非常多，在此不赘述了安装..._docker xrdp ubuntu

iOS AVFoundation实现相机功能_ios avcapturestillimageoutput 兼容性 ios17 崩溃-程序员宅基地

文章浏览阅读1.8k次，点赞2次，收藏2次。首先导入头文件#import 导入头文件后创建几个相机必须实现的对象 /** * AVCaptureSession对象来执行输入设备和输出设备之间的数据传递 */ @property (nonatomic, strong) AVCaptureSession* session; /** * 输入设备 */_ios avcapturestillimageoutput 兼容性 ios17 崩溃

Oracle动态性能视图--v$sysstat_oracle v$sysstat视图-程序员宅基地

文章浏览阅读982次。按照OracleDocument中的描述，v$sysstat存储自数据库实例运行那刻起就开始累计全实例(instance-wide)的资源使用情况。类似于v$sesstat，该视图存储下列的统计信息：1>.事件发生次数的统计(如：user commits)2>._oracle v$sysstat视图

随便推点

Vue router报错：NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}的解决方法_navigationduplicated {_name: 'navigationduplicated-程序员宅基地

文章浏览阅读7.6k次，点赞2次，收藏9次。我最近做SPA项目开发动态树的时候一直遇到以下错误：当我点击文章管理需要跳转路径时一直报NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}这个错误但是当我点击文章管理后，路径跳转却是成功的<template> <div> 文章管理页面 <..._navigationduplicated {_name: 'navigationduplicated', name: 'navigationduplic