Проблема с обновлением Angular 12: неизвестная ошибка плагина PostCSS

Question

Привет, после того как я запустил «ng update @angular / core @12 @angular / cli@12 » для обновления с 11 до 12, а затем «ng serve app», я продолжаю получать следующую ошибку: «Неизвестная ошибка плагина PostCSS. Текущий Версия PostCSS - 8.2.14, но postcss-preset-env использует 7.0.35. Возможно, это является источником указанной ниже ошибки ».

В чем моя проблема? В package.json нет PostCSS. Я не знаю об этом. Заранее спасибо.

Answer 1

Обновлять .browserlistrc к этому:

      last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

Answer 2

Проблема, похоже, связана с файлом .browserslistrc, переименованным из списка браузеров во время миграции обновления. Я решил эту проблему, создав новое приложение angular, но только для целей создания файла .browserslistrc по умолчанию, а затем скопировал этот файл в мое обновленное приложение.

Answer 3

Эта проблема возникает, если у вас установлена ​​версия узла старше 12.17, как указано в этой проблеме на github. https://github.com/angular/angular-cli/issues/20863

Обновление до node.js версии 12.20 или новее должно решить проблему.

Обратите внимание, что после того, как я сделал это, мне также пришлось регенерировать файл yarn.lock.

Answer 4

После ответа от @PAR я создал новый проект, чтобы проверитьфайл, содержимое было таким же в обновленном проекте NG12, за исключением того, что файл находился подпапку, поэтому мне просто нужно переместить ее в корень, и проект снова заработал нормально.

Answer 5

Попробуйте удалить node_modules папка и package-lock.json файл, а затем выполните следующую команду

      yarn install

ИЛИ ЖЕ

Попробуйте выполнить следующие команды

      yarn remove bootstrap
yarn add bootstrap