Browserslist：caniuse-lite 已过时。请运行下一个命令“yarn update”

Question

我有 2 个 Next.js 应用程序正在运行，并显示相同的消息错误：Browserslist: caniuse-lite is outdated. Please run next command 'yarn upgrade'。yarn dev当我运行or 或yarn start之类的命令时，会显示该消息yarn build。NPM 的情况也是如此。

• yarn upgrade我已经多次尝试命令 ( ) 但没有成功；
• 我已经尝试删除锁定文件和node_modules，但消息仍然存在；
• 我尝试过 Visual Studio 和终端 (Ubuntu)；

几天前还好，所以我不确定这是否与某些新的软件包更新有关。

还有人有同样情况吗？

我的package.json是：

{
  "name": "website-2020",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "NODE_ENV=production node server.js",
  },
  "dependencies": {
    "@tanem/react-nprogress": "^3.0.24",
    "@zeit/next-sass": "^1.0.1",
    "express": "^4.17.1",
    "isomorphic-unfetch": "^3.0.0",
    "next": "^9.3.5",
    "node-sass": "^4.14.0",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-bootstrap": "^1.0.1",
    "react-data-table-component": "^6.8.0",
    "react-dom": "^16.13.1",
    "react-icons": "^3.10.0",
    "reactstrap": "^8.4.1",
    "styled-components": "^5.1.0"
  },
  "devDependencies": {
    "faker": "^4.1.0"
  }
}

Answer 1

该消息可能不会影响您的项目。在这种情况下你可以忽略它。但如果这是一个问题

yarn upgrade将遵守 package.json 中设置的限制。前面的插入符^version会将您更新到所有未来的次要/补丁版本，而不增加主要版本。例如 ^2.3.4 将使用从 2.3.4 到 <3.0.0 的版本。

尝试运行npx browserslist@latest --update-db

这可能会出错，但至少应该告诉您 caniuse-lite 的最新版本。

如果出错了，那么尝试一下yarn why caniuse-lite

这将告诉您哪些依赖项正在使用caniuse-lite以及它们正在使用哪个版本。您可能需要运行yarn why <dependencyNameHere>以将这些子依赖项追溯到 package.json 中列出的包。

然后您可以安装每个版本的最新版本。希望这能解决您的问题。