啟動時創建反應應用程序“編譯失敗”

Question

使用npm start 打開 create-react-app 時出現以下錯誤。 我是 React 的新手，在過去的幾天里，我在命令行制作新應用程序時沒有遇到任何問題。

我已經嘗試了npx start、 npm start 並再次安裝了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

正如約翰福布斯所建議的那樣，在 github 問題上給出的解決方法是將 package.json 中的 browserslist 條目更改為

"browserslist": []

這將構建並運行該項目。

Answer 2

在錯誤修復之前作為適當的臨時解決方案：添加到 package.json 中：

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

Answer 3

目前你可以試試這個，等待進一步的修復

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

Answer 4

我可以確認為 caniuse-lite@1.0.30000974 強制使用紗線分辨率可以修復錯誤。 這一定是最新版 caniuse-lite@1.0.30000975 的問題。

臨時解決方案：

在 package.json 添加

“決議”：{“瀏覽器列表”：“4.6.2”，“caniuse-lite”：“1.0.30000974”}，

這種方法解決了我的問題。

Answer 5

我嘗試更新browserlist ，然后執行此操作。

1. 在package.json中刪除這部分

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

2. 並運行npm start

3. 它會詢問是或否，給出是

解決了！