我如何修复'Browserslist: caniuse是过时的‘我的Vue构建？

Question

当通过npm进行vue-cli构建时，我得到以下错误：

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

直到最近，这才开始奏效，我不知道是什么原因导致这件事开始失败。似乎有一些时间框架，使它开始报告为“过时”，但我不知道更新什么来修复它。

我试过运行建议的命令，但它做不到这一点。我是通过npm完成的，而不是使用Visual，所以我没有使用WebCompiler (并且我的用户文件夹中不存在这个目录)，所以npm update caniuse-lite browserslist中的解决方案不适用。

在通过VSO运行的构建系统上也会发生这种情况，所以这不仅仅是我的盒子。

这是我的package.json文件：

{
  "name": "productName.portal",
  "version": "1.0.0",
  "description": "productName.portal static content",
  "main": "gulpfile.js",
  "keywords": [
    "gulp",
    "task"
  ],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/preset-react": "^7.0.0",
    "@types/jest": "^23.1.4",
    "@types/jquery": "^3.3.4",
    "@types/underscore": "^1.8.8",
    "@voerro/vue-tagsinput": "^1.8.0",
    "@vue/cli-plugin-babel": "^3.0.0-rc.4",
    "@vue/cli-plugin-typescript": "^3.0.0-rc.4",
    "@vue/cli-plugin-unit-jest": "^3.0.1",
    "@vue/cli-service": "3.0.0-rc.4",
    "@vue/test-utils": "^1.0.0-beta.20",
    "axios": "^0.18.0",
    "babel-core": "7.0.0-bridge.0",
    "babel-polyfill": "^6.26.0",
    "copy-webpack-plugin": "^4.5.2",
    "gulp": "^3.9.0",
    "gulp-clean-css": "latest",
    "gulp-concat": "latest",
    "gulp-sourcemaps": "latest",
    "gulp-uglify": "latest",
    "jquery": "^3.3.1",
    "moment": "^2.22.2",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.0.1",
    "script-loader": "^0.7.2",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "ts-jest": "^23.0.0",
    "underscore": "^1.9.1",
    "vue-i18n": "^8.0.0",
    "vue-js-modal": "^1.3.16",
    "vue-loading-overlay": "^2.1.0",
    "vue-simple-spinner": "^1.2.8",
    "vue-template-compiler": "^2.5.16",
    "vue-toasted": "^1.1.24",
    "vuejs-datepicker": "^1.5.2"
  },
  "dependencies": {
    "node": "^9.9.0",
    "typescript": "^3.0.1",
    "trie-search": "^1.2.8",
    "vue": "^2.5.16",
    "vue-class-component": "^6.0.0",
    "vue-property-decorator": "^7.0.0",
    "vuex": "^3.0.1"
  },
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "unittest": "vue-cli-service test:unit"
  }
}

Answer 1

这完全取决于@babel/preset-env的依赖关系。

├─┬ @babel/preset-env
│ ├─┬ browserslist
│ │ ├── caniuse-lite

您可以通过更新该包来纠正此问题。

npm update @babel/preset-env

刚刚意识到Vue使用了更多的依赖级别

├─┬ @vue/cli-plugin-babel
│ ├─┬ @vue/babel-preset-app
│ │ ├─┬ @babel/preset-env

因此，您需要更新@vue/cli-plugin-babel包。