reactjs - npm install 覆盖现有的 package-lock.json 并中断 Modal

Question

我看到 package-lock.json 有奇怪的行为。一旦我删除了 node_modules 和 package-lock.json 然后构建它们，我的应用程序就会按预期工作。当我使用刚刚构建的 package-lock.json 再次执行 npm install 时，文件完全改变，从树中删除了很多包。当我现在运行服务器时，某些 Modal (来自 react-bootstrap )组件无法正常工作。我不明白为什么这个文件应该改变并最终安装不同版本的依赖项，这会破坏代码。我在 package-lock.json 方面做错了吗？

每次我删除 node_modules 和这个文件并构建时，我都不会遇到任何问题。只有当这个文件已经存在并且我执行 npm install 时，我才会遇到问题。

Answer 1

npm install 会在您更新 node_modules 时创建一个新的 package-lock.json，即当您安装新的模块/包时。因此，覆盖预先存在的 package-lock.json 是预期的行为。

至于Modal 断掉很可能是因为版本冲突。如果您发布“中断”错误，我们可以更好地确定导致它的原因，但这通常发生在您的包需要另一个依赖项的特定版本时。

一个可能的解决方案是删除 node_modules 和原始的 package-lock.json 文件，然后运行安装。你也可以试试 npm ci .

编辑

This link可能有助于让您更深入地了解 package-lock.json 文件以及它们如何受到 npm install 的影响。本质上，一旦生成了锁定文件，它就会避免更新到较新的版本 - 直到您编辑 package.json 以指定不同的版本或范围。无论您尝试安装什么，都应该从命令行进行。