Проблема в гибкой макете возникает, когда запускается

извините, я пытался сделать то, что по этой ссылке мне сказали, но ничего не изменилось, кто-то может мне помочь, пожалуйста Консоль ошибки


ОШИБКА в node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(25,15): ошибка TS2416: свойство 'registry' в типе 'MockMatchMedia' не является присваивается одному и тому же свойству в базовом типе MatchMedia. Тип "Карта" нельзя назначить типу "Карта". Тип 'MockMediaQueryList' нельзя назначить типу 'MediaQueryList'. Типы свойства removeListener несовместимы. Тип '(: EventListenerOrEventListenerObject) => void' нельзя назначить типу (listener: MediaQueryListListener) => void '. Типы параметров '_' и 'listener' несовместимы. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerOrEventListenerObject'. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerObject'. Свойство handleEvent отсутствует в типе MediaQueryListListener. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(82,5): ошибка TS2416: свойство 'removeListener' в типе 'MockMediaQueryList' нельзя назначить для то же свойство в базовом типе 'MediaQueryList'. Тип '(: EventListenerOrEventListenerObject) => void' нельзя назначить типу (listener: MediaQueryListListener) => void '. Типы параметров '' и 'listener' несовместимы. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerOrEventListenerObject'. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerObject'. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(83,38): ошибка TS2304: не удается найти имя MediaQueryListEventMap. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(83,99): ошибка TS2304: не удается найти имя MediaQueryListEventMap. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(84,41): ошибка TS2304: не удается найти имя MediaQueryListEventMap. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(84,102): ошибка TS2304: не удается найти имя MediaQueryListEventMap. node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(95,67): ошибка TS2304: не удается найти имя MediaQueryListEvent. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(30,5): ошибка TS2416: свойство 'removeListener' в типе 'ServerMediaQueryList' нельзя назначить одному и тому же свойство в базовом типе 'MediaQueryList'. Тип '(: EventListenerOrEventListenerObject) => void' нельзя назначить типу (listener: MediaQueryListListener) => void '. Типы параметров '' и 'listener' несовместимы. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerOrEventListenerObject'. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerObject'. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(31,38): ошибка TS2304: не удается найти имя 'MediaQueryListEventMap'. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(31,99): ошибка TS2304: не удается найти имя 'MediaQueryListEventMap'. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(32,41): ошибка TS2304: не удается найти имя 'MediaQueryListEventMap'. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(32,102): ошибка TS2304: не удается найти имя MediaQueryListEventMap. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(46,15): ошибка TS2416: свойство 'registry' в типе 'ServerMatchMedia' нельзя назначить одному и тому же свойство в базовом типе 'MatchMedia'. Тип "Карта" нельзя назначить типу "Карта". Тип "ServerMediaQueryList" нельзя назначить типу "MediaQueryList". Типы свойства removeListener несовместимы. Тип '(: EventListenerOrEventListenerObject) => void' нельзя назначить типу (listener: MediaQueryListListener) => void '. Типы параметров '_' и 'listener' несовместимы. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerOrEventListenerObject'. Тип 'MediaQueryListListener' нельзя назначить типу 'EventListenerObject'. node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(58,15): ошибка TS2416: свойство '_buildMQL' в типе 'ServerMatchMedia' нельзя назначить одному и тому же свойство в базовом типе 'MatchMedia'. Тип '(query: string) => ServerMediaQueryList' нельзя назначить типу (query: string) => MediaQueryList '. Тип "ServerMediaQueryList" нельзя назначить типу "MediaQueryList". node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(60,67): ошибка TS2304: не удается найти имя 'MediaQueryListEvent'.

Ответы

Ответ 1

Я нашел решение, если у кого-то есть те же проблемы с IDK, если его лучше решить, но для меня это работает:

    npm install @angular/[email protected] 

Ответ 2

Внутри вашего проекта: удалите/удалите гибкий макет из вашего package.json, затем запустите:

npm update

с последующим:

npm install @angular/[email protected] --save

Это автоматически установит последнюю версию flex, совместимую с вашим угловым материалом.

Ответ 3

Однажды у меня была аналогичная проблема с flex-layout и MatchMedia. Позже после большой отладки преступник был rxjs.

Поэтому можете ли вы проверить, не используете ли вы семантическое управление версиями для этого пакета в файле package.json.

с ниже, я получал ошибку

"rxjs": "^6.2.2",
"rxjs-compat": "^6.2.1",

Переход на этот вопрос решает проблему

"rxjs": "6.2.2",
"rxjs-compat": "6.2.1",

Пожалуйста, попробуйте и проверьте

Ответ 4

В моем случае я удалил @angular/flex-layout Это сразу решило проблему.

Это произошло после обновления до angular 7 из v 6.2

Надеюсь, это поможет.

Ответ 5

Я была такая же проблема. Я предполагаю, что новая версия Flex Layout ^7.0.0-beta.19 не полностью совместима со старой версией угловой т.е. ниже 7. Я бегала ng-update --all и обновила свою typescript версию 3.1.3 и все шло отлично. Вы можете получить дополнительную информацию отсюда

Ответ 6

у него есть проблема, связанная с версией, просто запустите команду ng update all

Ответ 7

Я также получал это

ОШИБКА в node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(72,67): ошибка TS1144: '{' or ';' ожидается. node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,5): ошибка TS1128: ожидается объявление или утверждение. node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,33): ошибка TS1005: ';' ожидается. node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,39): ошибка TS1109: ожидается выражение. node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(79,5): ошибка TS1128: ожидается объявление или утверждение

Я решил это, установив машинописную версию 2.9.1

Ответ 8

Для меня это работало нормально:

npm install @angular/[email protected] --save

Ответ 9

изменение "rxjs": "~ 6.4.0" на "rxjs": "6.4.0" работает для меня Я также обновил гибкий макет до последней версии последовал @RileyManda и @Vivek kumar работал на меня