Angular Browserslist：caniuse-lite 已过时。请运行下一个命令`npm update`

Question

我最近开始在我正在处理的 Angular 8 项目（节点 v10.16.0）上遇到此错误。 运行 npm update caniuse-lite browserslist 什么也没做

所以我删除了 package-lock.json，删除了 node_modules 并运行了 npm install，但是 browserlist 文件已经消失了。 当我再次运行 ng build 时，我得到相同的消息： Browserslist：caniuse-lite 已过时。请运行下一条命令npm update

我在同一主题上看到了这篇文章： Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` 但是，它谈到了 WebCompiler 和 autoprefixer，我不知道这些。 请指导

Answer 1

通过运行以下命令解决了 caniuse-lite 过时的问题。

npm cache clean  # optional
npm install caniuse-lite@latest --save

Answer 2

TLDR： （如果没有解释，可能看起来违反直觉）

  npm install caniuse-lite browserslist
  npm uninstall caniuse-lite browserslist

解释：

如果发现已安装的 caniuse-lite 版本早于当前版本的 2 个版本，则会在构建/启动期间由 browserslist 中的脚本输出此警告消息（“canisuse-lite 已过时，请 ....”） .如果您的项目中没有任何变化，并且您在启动或构建项目时突然看到此消息，这可能意味着 caniuse-lite 的最新版本更新。

不幸的是，bro​​wserslist 显示的文本消息只有在您安装 caniuse-lite 作为项目的依赖项时才有用。很可能，你没有。因此，当您运行建议的 'npm update caniuse-lite' 或 'npm update 'caniuse-lite@latest'（或 'npm install'）时，npm 不会在您的 package.json 依赖项中看到该包，因此它会忽略请求。

那些包是如何成为依赖的呢？当您的项目创建时（可能使用 app angularapp 或 create-react-app 或类似的框架），npm 安装 browserslist 作为其所需工具的依赖项，而不是作为项目的依赖项之一。同时，caniuse-lite 被安装为 browserslist 的依赖项。后来项目更新时，创建了一个 package-lock.json 文件，它将所有依赖项锁定到特定版本。

如果您能够更新 package-lock.json 中依赖项列表中的版本信息，那么运行“npm install”将更新 node_modules 中的这些包。您不应手动编辑 package-lock.json。相反，最好的方法是：

1. 暂时让这些包成为你项目的依赖：

   npm install caniuse-lite browserslist

   除了将包更新到最新版本之外，这还会更新 package.json 和（最重要的）package-lock.json 中的依赖项列表。

2. 将这些包作为项目的直接依赖项删除：

   npm 卸载 caniuse-lite 浏览器列表

   由于这些包被其他依赖项使用，它们不会从 node_modules 中删除。仅更新 package.json 以将它们作为项目依赖项删除。

3. 提交 package-lock.json。其他任何人现在都可以运行“npm install” 从 package-lock.json 的子依赖列表中获取更新的两个包，并停止警告消息。