Question

使用npm开始打开create-react-app时出现以下错误。我是React的新手，过去几天做命令行以创建新应用程序没有任何问题。

我已尝试npx启动，npm启动并为更新的版本再次安装npm。

Failed to compile
./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
BrowserslistError: Unknown browser query `android all`. Maybe you are using old Browserslist or made typo in query.
    at Array.reduce (<anonymous>)
    at Array.some (<anonymous>)
    at Array.filter (<anonymous>)

Answer 1

这是BrowserList中的新错误。

create-react-app中都有关于这两者的新报告： https://github.com/facebook/create-react-app/issues/7239

和在浏览器列表中： https://github.com/browserslist/browserslist/issues/382#issuecomment-502991170

正如约翰·福布斯（John Forbes）所建议的那样，在github问题上给出的解决方法是将package.json中的browserslist条目更改为

"browserslist": []

这将生成并运行项目。

Answer 2

目前，您可以尝试此操作并等待进一步的修复

"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [  
    ]
  }

Answer 3

作为错误修复之前的适当时间解决方案：添加到package.json这个：

  "resolutions": {
    "browserslist": "4.6.2",
    "caniuse-lite": "1.0.30000974"
  },

Answer 4

我可以确认为caniuse-lite@1.0.30000974强制设置纱线分辨率可以解决该错误。最新的caniuse-lite@1.0.30000975版本一定有问题。

临时解决方案：

在package.json中添加

“决议”：{ “浏览器列表”：“ 4.6.2”， “ caniuse-lite”：“ 1.0.30000974” }

这种方法解决了我的问题。

Answer 5

尝试通过：

 {
   loader: 'css-loader',
   options: {
   minimize: false
 }
}

启动时create-react-app“无法编译”

5 个答案: