Проблемы после обновления Angular Material с 14 до 15

Question

Проблемы после обновления Angular Material с 14 до 15

Я работаю над проектом Angular, обновленным с angular14 до 15, но после установки нового пакета материалов весь проект кажется визуально сломанным. Неправильные цвета, поля, отступы. Проект содержит только файлы стилей css, а не scss. Я думаю проблема будет с устаревшими материальными компонентами, но как/где мне их добавить в проект? Спасибо!

9

angular angular-material angular14 angular15 angular-migration

Источник

user16846075 01 фев '23 в 14:46

2 ответа

Другие вопросы по тегам angular angular-material angular14 angular15 angular-migration

tczkqq 13 фев '23 в 10:16 2023-02-13 10:16 · Answer 1 · 2023-02-13 10:16

Измените файл css на устаревший вstyles(угловой.json)

Fe

от"./node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css",

к"./node_modules/@angular/material/legacy-prebuilt-themes/legacy-pink-bluegrey.css",

8

Источник

tczkqq 13 фев '23 в 10:16

user9457527 17 мар '23 в 09:47 2023-03-17 09:47 · Answer 2 · 2023-03-17 09:47

Для меня решением было включить устаревшую тему и ядро, предоставляемое тематизацией материала.

Дополнительно к ядру включают наследие-ядро:

      @include mat.core();
@include mat.legacy-core();

и в дополнение к темам «все компоненты» включают темы «все устаревшие компоненты»:

      @include mat.all-component-themes($theme);
@include mat.all-legacy-component-themes($theme);

Я обновил с помощью nxmigrate, и nx не выполнил автоматическую миграцию, а реорганизовал все компоненты материалов в Legacy. Это полностью испортило весь стиль без правильно включенных тем и ядра.