После установки CDK angular появляется ошибка при компиляции - PullRequest
9 голосов
/ 11 февраля 2020

ОШИБКА в node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 29: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

29 get enabled (): логическое значение; ~~~~~~~ node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 30: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

30 набор включен (значение: логическое значение); ~~~~~~~ node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 128: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

128 включить (): логическое значение; ~~~~~~~ node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 129: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

129 набор включен (значение: логическое значение); ~~~~~~~ node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 134: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

134 get autoCapture (): логическое значение; ~~~~~~~~~~~ node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts: 135: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

135 set autoCapture (значение: логическое значение); ~~~~~~~~~~~ node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts: 96: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте .

96 get activeItemIndex (): number | значение NULL; ~~~~~~~~~~~~~~~ node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts: 98: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

98 get activeItem (): T | значение NULL; ~~~~~~~~~~ node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts: 69: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

69 получить вежливость (): AriaLivePoliteness; ~~~~~~~~~~ node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts: 70: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

70 набор вежливости (значение: AriaLivePoliteness); ~~~~~~~~~~ node_modules/@angular/cdk/bidi/dir.d.ts: 26: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

26 get dir (): направление; ~~~ node_modules/@angular/cdk/bidi/dir.d.ts: 27: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

27 set dir (значение: Direction); ~~~ node_modules/@angular/cdk/bidi/dir.d.ts: 29: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

29 get value (): Direction; ~~~~~ node_modules/@angular/cdk/collections/selection-model.d.ts: 24: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

24 get selected () : T []; ~~~~~~~~ node_modules/@angular/cdk/observers/observe-content.d.ts: 62: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

62 get отключено (): любое; ~~~~~~~~ node_modules/@angular/cdk/observers/observe-content.d.ts: 63: 9 - 39m91merror TS1086: метод доступа не может быть объявлен в окружающем контексте.

63 set отключено (значение: любое); ~~~~~~~~ node_modules/@angular/cdk/observers/observe-content.d.ts: 66: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

66 get debounce (): число; ~~~~~~~~ node_modules/@angular/cdk/observers/observe-content.d.ts: 67: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

67 set debounce (значение: число); ~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 60: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

60 get offsetX (): число; ~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 61: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

61 set offsetX (offsetX: число); ~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 63: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

63 get offsetY (): число; ~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 64: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

64 set offsetY (offsetY: число); ~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 86: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

86 get hasBackdrop (): Любые; ~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 87: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

87 set hasBackdrop (значение: любое); ~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 89: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

89 get lockPosition (): любой; ~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 90: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

90 set lockPosition (значение: любое); ~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 92: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

92 get FlexibleDimensions (): логическое значение; ~~~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 93: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем context.

93 set FlexibleDimensions (значение: логическое значение); ~~~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 95: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем context.

95 get growAfterOpen (): логический; ~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 96: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

96 set growAfterOpen (значение: логическое значение); ~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 98: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

98 get pu sh (): логическое значение; ~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 99: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

99 set pu sh (значение: логическое); ~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 112: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

112 get overlayRef (): OverlayRef; ~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-directives.d.ts: 114: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

114 get dir (): Направление; ~~~ node_modules/@angular/cdk/overlay/overlay-ref.d.ts: 55: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

55 get overlayElement (): HTMLElement ; ~~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-ref.d.ts: 57: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

57 получить фонElement (): HTMLElement | значение NULL; ~~~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/overlay-ref.d.ts: 63: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

63 get hostElement (): HTMLElement; ~~~~~~~~~~~ node_modules/@angular/cdk/overlay/position/connected-position-strategy.d.ts: 36: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

36 get _isRtl (): boolean; ~~~~~~ node_modules/@angular/cdk/overlay/position/connected-position-strategy.d.ts: 40: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

40 get onPositionChange (): Observable; ~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/overlay/position/connected-position-strategy.d.ts: 43: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающий контекст.

43 get позиции (): ConnectionPositionPair []; ~~~~~~~~~ node_modules/@angular/cdk/overlay/position/f Flexible-connected-position-strategy.d.ts: 91: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

91 получить позиции (): ConnectionPositionPair []; ~~~~~~~~~ node_modules/@angular/cdk/portal/portal-directives.d.ts: 49: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

49 получить портал (): Портал | значение NULL; ~~~~~~ node_modules/@angular/cdk/portal/portal-directives.d.ts: 50: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

50 set portal ( портал: Portal | null); ~~~~~~ node_modules/@angular/cdk/portal/portal-directives.d.ts: 54: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

54 get attachRef ( ): CdkPortalOutletAttachedRef; ~~~~~~~~~~~ node_modules/@angular/cdk/portal/portal.d.ts: 24: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

24 get isAttached (): логический; ~~~~~~~~~~ node_modules/@angular/cdk/portal/portal.d.ts: 63: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

63 get origin (): ElementRef; ~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 75: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

75 get itemSize (): число; ~~~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 76: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

76 set itemSize (значение: число); ~~~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 82: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

82 get minBufferPx (): число; ~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 83: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

83 set minBufferPx (значение: число); ~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 88: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

88 get maxBufferPx (): число; ~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/fixed-size-virtual-scroll.d.ts: 89: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

89 set maxBufferPx (значение: число); ~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-for-of.d.ts: 49: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

49 get cdkVirtualForOf (): источник данных | Наблюдаемый | NgIterable | ноль | не определен; ~~~~~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-for-of.d.ts: 50: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте .

50 set cdkVirtualForOf (значение: DataSource | Observable | NgIterable | null | undefined); ~~~~~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-for-of.d.ts: 56: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте .

56 get cdkVirtualForTrackBy (): TrackByFunction | не определен; ~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-for-of.d.ts: 57: 9 - ошибка TS1086: метод доступа не может быть объявлено в окружающем контексте.

57 set cdkVirtualForTrackBy (fn: TrackByFunction | undefined); ~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-for-of.d.ts: 60: 9 - ошибка TS1086: метод доступа не может быть объявлено в окружающем контексте.

60 set cdkVirtualForTemplate (value: TemplateRef>); ~~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-scroll-viewport.d.ts: 27: 9 - ошибка TS1086: средство доступа не может быть объявленным в окружающем контексте.

27 get direction (): 'horizontal' | «Вертикальный»; ~~~~~~~~~~~ node_modules/@angular/cdk/scrolling/virtual-scroll-viewport.d.ts: 28: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

28 установить ориентацию (ориентация: «горизонтальная» | «вертикальная»); ~~~~~~~~~~~

Я установил npm и обновил npm, но у меня это не сработало. Заранее спасибо.

Ответы [ 2 ]

13 голосов
/ 16 февраля 2020

Это связано с несовместимостью версий между angular / cdk, angular / material и angular / core. В частности, Angular Core version 8.xx не совместим с Angular CDK version 9.xx

Решение:

  1. Удалить папку node_modules
  2. In пакет. json, измените версию cdk и материала. Сохранить.
  3. npm install.

В моем случае у меня было:

"@angular/cdk": "~9.0.0",
"@angular/core": "~8.2.14",
"@angular/material": "~9.0.0"

, и я изменил это на:

"@angular/cdk": "~8.2.3",
"@angular/core": "~8.2.14",
"@angular/material": "~8.2.3"

и удалил node_modules и сделал npm install. Исправлено.

4 голосов
/ 11 февраля 2020

Обновление Angular Core и CLI до последней версии:

ng update @angular/core @angular/cli

После этого вы можете получить ошибку ModuleWithProviders not found, если вы не использовали generi c ModuleWithProviders. Обновление изменяет это на generi c one, но не импортирует его.

Итак, сделайте import { NgModule, ModuleWithProviders } from '@angular/core';

Надеемся, это решит проблему.

Возможно, вы также необходимо запустить ng add @angular/localize, если ваше приложение или одна из его зависимостей использует i18n.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...