BrowserslistError：未知的浏览器查询`dead`

Question

我运行了 npm update，它给了我 bootstrap v4.1.2。

在开始时，模块构建失败：BrowserslistError: Unknown browser query 'dead' 错误。

./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/bootstrap/dist/css/bootstrap.min.css 模块构建失败：BrowserslistError：未知浏览器查询 dead

Answer 1

如果您使用的是旧版本的 angular
，则必须从src文件夹中删除 browserslist文件

Answer 2

对于那些可能在 React 应用程序上遇到此错误的人。

创建一个名为 .browserlistrc 的新文件，并将浏览器列表部分从 package.json 粘贴到新创建的文件中。

.browserlistrc

"browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11"
  ]
}

包.json

{
  "name": "cotd",
  "version": "0.0.3",
  "private": true,
  "engines": {
    "npm": "5.6.0",
    "node": "9.11.1"
  },
  "devDependencies": {
    "concurrently": "3.5.1",
    "react-scripts": "^1.1.4"
  },
  "dependencies": {
    "apollo-boost": "^0.1.27",
    "autoprefixer-stylus": "0.14.0",
    "axios": "^0.18.0",
    "firebase": "^5.8.2",
    "graphql": "^14.1.1",
    "graphql-tag": "^2.10.1",
    "prop-types": "^15.6.0",
    "react": "^16.3.0-alpha.1",
    "react-apollo": "^2.4.1",
    "react-dom": "^16.3.0-alpha.1",
    "react-router-dom": "^4.2.2",
    "react-transition-group": "^2.2.1",
    "stylus": "0.54.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "eject": "react-scripts eject"
  }
}

再次运行构建