javascript - Package-lock.json 结构怪异，体积翻了一番

Question

嘿，当我运行 npm install 并且正在生成我的包锁定文件时，它正在以一种奇怪的结构构建文件。现在我已经与我们的其他开发人员核实过，尝试在相同的分支上进行模拟，但他们没有遇到同样的问题。所以这对我来说一定是一个本地问题。

我最近确实更新了节点，但是我运行的节点版本与其他开发人员相同，但他们没有遇到问题。

节点版本 - 14.17.3 npm 版本 - 7.20.1

起初我认为这可能是节点问题，但我们使用的是同一版本。我尝试删除 node_modules 和 json 锁并执行新的 npm i 但遇到同样的问题。

运行 npm run bundle 时，它​​似乎构建正常，但文件结构对我来说看起来很奇怪，而且它的行大小增加了一倍。我不能把文件的全部内容放在这里，因为它有超过 50,000 行。但我可以给你一个文件的快照，从它应该如何开始到现在如何。

前：

  {
  "name": "@culture-trip/header-ui-module",
  "version": "8.12.11",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "@babel/code-frame": {
      "version": "7.12.13",
      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
      "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
      "dev": true,
      "requires": {
        "@babel/highlight": "^7.12.13"
      }
    },
    "@babel/compat-data": {
      "version": "7.13.8",
      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.13.8.tgz",
      "integrity": "sha512-EaI33z19T4qN3xLXsGf48M2cDqa6ei9tPZlfLdb2HC+e/cFtREiRd8hdSqDbwdLB0/+gLwqJmCYASH0z2bUdog==",
      "dev": true
    },

后：

{
  "name": "@culture-trip/header-ui-module",
  "version": "8.12.11",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@culture-trip/header-ui-module",
      "version": "8.12.11",
      "license": "TCT",
      "dependencies": {
        "axios": "^0.21.1",
        "js-cookie": "^2.2.1",
        "lodash.debounce": "^4.0.8",
        "react-autocomplete": "github:culture-trip/react-autocomplete#415ebd07c1b5a9037513a76d82d6e0fa54b7fc50",
        "react-router-dom": "^5.2.0"
      },

如您所见，实际结构已更改。我真的不确定这里发生了什么，所以跳起来有人可以提供帮助。

标签： javascriptnode.jsreactjsnode-modules

Answer 1

自从您从旧版本更新后，您package-lock.json使用的文件lockfileVersion: 2可能已更改。npm

"lockfileVersion": 2,

新文件被展平以提高读写时的性能。这会无意中使文件更长。

如果你想继续使用旧版本，lockfile你必须将你的 npm 版本降级到 7 以下。

有关 package-lock.json 文件的更多信息。