приложение create-реагировать "Не удалось скомпилировать" при запуске

Question

Я получаю следующую ошибку при использовании npm start, чтобы открыть create-реагировать на приложение.Я новичок в 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-реагировать-приложение: https://github.com/facebook/create-react-app/issues/7239

и в списке браузера: https://github.com/browserslist/browserslist/issues/382#issuecomment-502991170

Как предлагает Джон Форбс ниже, для решения проблемы github необходимо изменить запись списка браузеров в package.json на

"browserslist": []

. Это позволит создать и запустить проект.

Answer 2

Я могу подтвердить, что принудительное разрешение пряжи для caniuse-lite@1.0.30000974 исправляет ошибку.Это может быть проблема с последней версией caniuse-lite@1.0.30000975.

временное решение:

В package.json добавьте

"olutions ": {" список браузеров":" 4.6.2 "," caniuse-lite ":" 1.0.30000974 "},

Этот метод решил мою проблему.

Answer 3

Как правильное временное решение до исправления ошибки: добавьте в package.json это:

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

Answer 4

На данный момент вы можете попробовать это и дождаться дальнейшего исправления

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

Answer 5

Попробуйте пройти:

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