javascript - Package-lock.json 以奇怪的结构构建并且大小增加了一倍

Question

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

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

Node 版本 - 14.17.3npm 版本 - 7.20.1

起初我认为这可能是 Node 问题，但我们使用的是同一版本。我尝试删除 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: 2，自从您从较旧的 npm 版本更新后，它可能已更改。

"lockfileVersion": 2,

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

如果您想继续使用旧版本的lockfile，您必须downgrade your npm version低于 7。

More on the package-lock.json file.