yarn与npm安装的项目有时候会报错

我们在开发的过程中由于npm包的依赖升级导致报错,同样的antd版本,用yarn与npm安装出现版本差异

 

package.json

"dependencies": {
    "antd": "^4.5.2",
}

yarn.lock

antd@^4.5.2:
  version "4.9.3"
  resolved "https://registry.npm.taobao.org/antd/download/antd-4.9.3.tgz#a9666fe3d7e0b18818e7f8bdb81abbf8a4a3e7d2"
  integrity sha1-qWZv49fgsYgY5/i9uBq7+KSj59I=
  dependencies:
    "@ant-design/colors" "^5.0.0"
    "@ant-design/icons" "^4.3.0"
    "@ant-design/react-slick" "~0.27.0"
    "@babel/runtime" "^7.11.2"
    array-tree-filter "^2.1.0"
    classnames "^2.2.6"
    copy-to-clipboard "^3.2.0"
    lodash "^4.17.20"
    moment "^2.25.3"
    omit.js "^2.0.2"
    rc-cascader "~1.4.0"
    rc-checkbox "~2.3.0"
    rc-collapse "~3.1.0"
    rc-dialog "~8.4.0"
    rc-drawer "~4.1.0"
    rc-dropdown "~3.2.0"
    rc-field-form "~1.17.0"
    rc-image "~4.2.0"
    rc-input-number "~6.1.0"
    rc-mentions "~1.5.0"
    rc-menu "~8.10.0"
    rc-motion "^2.4.0"
    rc-notification "~4.5.2"
    rc-pagination "~3.1.2"
    rc-picker "~2.4.1"
    rc-progress "~3.1.0"
    rc-rate "~2.9.0"
    rc-resize-observer "^0.2.3"
    rc-select "~11.5.3"
    rc-slider "~9.6.1"
    rc-steps "~4.1.0"
    rc-switch "~3.2.0"
    rc-table "~7.11.0"
    rc-tabs "~11.7.0"
    rc-textarea "~0.3.0"
    rc-tooltip "~5.0.0"
    rc-tree "~4.0.0"
    rc-tree-select "~4.2.0"
    rc-upload "~3.3.1"
    rc-util "^5.1.0"
    scroll-into-view-if-needed "^2.2.25"
    warning "^4.0.3"

package-lock.json

"antd": {
      "version": "4.16.2",
      "resolved": "https://registry.nlark.com/antd/download/antd-4.16.2.tgz",
      "integrity": "sha1-I7buiCLJ7CHZ/hG4kkbUlBSHjEg=",
      "requires": {
        "@ant-design/colors": "^6.0.0",
        "@ant-design/icons": "^4.6.2",
        "@ant-design/react-slick": "~0.28.1",
        "@babel/runtime": "^7.12.5",
        "array-tree-filter": "^2.1.0",
        "classnames": "^2.2.6",
        "copy-to-clipboard": "^3.2.0",
        "lodash": "^4.17.21",
        "moment": "^2.25.3",
        "rc-cascader": "~1.4.0",
        "rc-checkbox": "~2.3.0",
        "rc-collapse": "~3.1.0",
        "rc-dialog": "~8.5.1",
        "rc-drawer": "~4.3.0",
        "rc-dropdown": "~3.2.0",
        "rc-field-form": "~1.20.0",
        "rc-image": "~5.2.4",
        "rc-input-number": "~7.1.0",
        "rc-mentions": "~1.6.1",
        "rc-menu": "~9.0.9",
        "rc-motion": "^2.4.0",
        "rc-notification": "~4.5.7",
        "rc-pagination": "~3.1.6",
        "rc-picker": "~2.5.10",
        "rc-progress": "~3.1.0",
        "rc-rate": "~2.9.0",
        "rc-resize-observer": "^1.0.0",
        "rc-select": "~12.1.6",
        "rc-slider": "~9.7.1",
        "rc-steps": "~4.1.0",
        "rc-switch": "~3.2.0",
        "rc-table": "~7.15.1",
        "rc-tabs": "~11.9.1",
        "rc-textarea": "~0.3.0",
        "rc-tooltip": "~5.1.1",
        "rc-tree": "~4.1.0",
        "rc-tree-select": "~4.3.0",
        "rc-trigger": "^5.2.1",
        "rc-upload": "~4.3.0",
        "rc-util": "^5.13.1",
        "scroll-into-view-if-needed": "^2.2.25",
        "warning": "^4.0.3"
      }
    },

 

 

通常我们会对包版本进行锁定,来解决依赖包升级出现的问题

"dependencies": {
    "antd": "~4.5.2",
}

 

版本相关内容:https://docs.npmjs.com/cli/v7/configuring-npm/package-json#dependencies


版权声明:本文为react6原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。