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"
      },

如您所见，实际结构已发生变化。我真的不确定这里发生了什么，所以希望有人可以提供帮助。

Answer 1

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

"lockfileVersion": 2,

新文件被扁平化以提高读取和写入时的性能。这无意中使文件变得更长。

如果您想继续使用旧版本，lockfile可以将 npm 版本降级到 7 以下。

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

编辑：您不必降级，npm请参阅 Vadim 的答案。