不能将Angular Material组件与Angular 11一起使用



我正在努力学习棱角分明的材料并建立一个新项目。我真的运行了ng new projectName,然后像angular docs提供的指令一样运行ng add @angular/material,这导致了错误和堆栈跟踪。我尝试了其他人针对这个问题发布的解决方案,即运行npm install --save @angular/material @angular/cdk @angular/animations,这似乎允许我运行ng add @angular/material,但当我试图按照角度材料的文档所说的去做,并呈现一个我无法呈现的组件时,我会出现大量错误,这些错误似乎与内部角度节点模块有关。

我将导入添加到app.module.tsimport { MatSliderModule } from '@angular/material/slider';

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
MatSliderModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

甚至在html文件中呈现组件之前,如果我试图构建和服务项目,我就会收到控制台错误。在这里发布的列表太长了,但我会发布我认为相关的内容。

如果你有任何线索告诉我我可能做错了什么,请告诉我,因为我已经尝试了与这个话题相关的大多数可能的解决方案。

谢谢。

错误

Build at: 2021-11-25T17:40:09.958Z - Hash: 92d8b3a50286d8d61051 - Time: 
347ms
Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - error TS1005: ';' expected.
14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
~~~   
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:69 - error TS1109: Expression expected.
14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
 ~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:82 - error TS1011: An element access expression should take an argument.
14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:83 - error TS1005: ';' expected.
14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:85[0m - error TS1128: Declaration or statement expected.
14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

~~


Error: node_modules/@angular/cdk/a11y/aria-describer/aria-describer.d.ts:72:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

72     static ɵfac: i0.ɵɵFactoryDeclaration<AriaDescriber, never>;  
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/aria-describer/aria-describer.d.ts:73:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

73     static ɵprov: i0.ɵɵInjectableDeclaration<AriaDescriber>;     
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/platform/platform.d.ts:27:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

27     static ɵfac: i0.ɵɵFactoryDeclaration<Platform, never>;       
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/platform/platform.d.ts:28:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

28     static ɵprov: i0.ɵɵInjectableDeclaration<Platform>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/platform/platform-module.d.ts:3:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no 
exported member 'ɵɵFactoryDeclaration'.

3     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformModule, never>;  
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/platform/platform-module.d.ts:4:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no 
exported member 'ɵɵNgModuleDeclaration'.

4     static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformModule, never, never, never>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/platform/platform-module.d.ts:5:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no 
exported member 'ɵɵInjectorDeclaration'.

5     static ɵinj: i0.ɵɵInjectorDeclaration<PlatformModule>;        
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/input-modality/input-modality-detector.d.ts:97:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

97     static ɵfac: i0.ɵɵFactoryDeclaration<InputModalityDetector, [null, null, null, { optional: true; }]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/input-modality/input-modality-detector.d.ts:98:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

98     static ɵprov: i0.ɵɵInjectableDeclaration<InputModalityDetector>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-monitor/focus-monitor.d.ts:187:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

187     static ɵfac: i0.ɵɵFactoryDeclaration<FocusMonitor, [null, null, null, { optional: true; }, { optional: true; }]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-monitor/focus-monitor.d.ts:188:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

188     static ɵprov: i0.ɵɵInjectableDeclaration<FocusMonitor>;     
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-monitor/focus-monitor.d.ts:207:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

207     static ɵfac: i0.ɵɵFactoryDeclaration<CdkMonitorFocus, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-monitor/focus-monitor.d.ts:208:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

2080m     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMonitorFocus, "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", never, {}, { "cdkFocusChange": "cdkFocusChange"; }, never>;
~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/interactivity-checker/interactivity-checker.d.ts:58:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.        

58     static ɵfac: i0.ɵɵFactoryDeclaration<InteractivityChecker, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/interactivity-checker/interactivity-checker.d.ts:59:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.     

59     static ɵprov: i0.ɵɵInjectableDeclaration<InteractivityChecker>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts:129:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

129     static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapFactory, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts:130:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

130     static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapFactory>; 
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts:163:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

163     static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocus, never>;  
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts:164:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

164     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTrapFocus, "[cdkTrapFocus]", ["cdkTrapFocus"], { "enabled": "cdkTrapFocus"; "autoCapture": "cdkTrapFocusAutoCapture"; }, {}, never>;
~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap-manager.d.ts:24:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

24     static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapManager, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/focus-trap-manager.d.ts:25:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

25     static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapManager>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/configurable-focus-trap-factory.d.ts:28:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

28     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableFocusTrapFactory, [null, null, null, null, { optional: true; }]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/focus-trap/configurable-focus-trap-factory.d.ts:29:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.      

29     static ɵprov: i0.ɵɵInjectableDeclaration<ConfigurableFocusTrapFactory>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:18:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

18     static ɵfac: i0.ɵɵFactoryDeclaration<MutationObserverFactory, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:19:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

19     static ɵprov: i0.ɵɵInjectableDeclaration<MutationObserverFactory>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:50:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

50     static ɵfac: i0.ɵɵFactoryDeclaration<ContentObserver, never>;                           ~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:51:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

51     static ɵprov: i0.ɵɵInjectableDeclaration<ContentObserver>;   
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:82:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

82     static ɵfac: i0.ɵɵFactoryDeclaration<CdkObserveContent, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:83:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

83     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkObserveContent, "[cdkObserveContent]", ["cdkObserveContent"], { "disabled": "cdkObserveContentDisabled"; "debounce": "debounce"; }, { "event": "cdkObserveContent"; }, never>;
~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:86:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

86     static ɵfac: i0.ɵɵFactoryDeclaration<ObserversModule, never>;                           ~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:87:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

87     static ɵmod: i0.ɵɵNgModuleDeclaration<ObserversModule, [typeof CdkObserveContent], never, [typeof CdkObserveContent]>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/observers/observe-content.d.ts:88:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

88     static ɵinj: i0.ɵɵInjectorDeclaration<ObserversModule>;      
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts:59:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

59     static ɵfac: i0.ɵɵFactoryDeclaration<LiveAnnouncer, [{ optional: true; }, null, null, { optional: true; }]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts:60:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

60     static ɵprov: i0.ɵɵInjectableDeclaration<LiveAnnouncer>;     
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts:79:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

79     static ɵfac: i0.ɵɵFactoryDeclaration<CdkAriaLive, never>;    
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts:80:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional 
projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

80     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAriaLive, "[cdkAriaLive]", ["cdkAriaLive"], { "politeness": "cdkAriaLive"; }, {}, never>;  
~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/high-contrast-mode/high-contrast-mode-detector.d.ts:46:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.     

46     static ɵfac: i0.ɵɵFactoryDeclaration<HighContrastModeDetector, never>;
~~~~~~~~~~~~~~~~~~~~m
node_modules/@angular/cdk/a11y/high-contrast-mode/high-contrast-mode-detector.d.ts:47:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.  

47     static ɵprov: i0.ɵɵInjectableDeclaration<HighContrastModeDetector>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/a11y-module.d.ts:10:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

10     static ɵfac: i0.ɵɵFactoryDeclaration<A11yModule, never>;     
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/a11y-module.d.ts:11:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

11     static ɵmod: i0.ɵɵNgModuleDeclaration<A11yModule, [typeof i1.CdkAriaLive, typeof i2.CdkTrapFocus, typeof i3.CdkMonitorFocus], [typeof i4.PlatformModule, typeof i5.ObserversModule], [typeof i1.CdkAriaLive, 
typeof i2.CdkTrapFocus, typeof i3.CdkMonitorFocus]>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/a11y/a11y-module.d.ts:12:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

12     static ɵinj: i0.ɵɵInjectorDeclaration<A11yModule>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/directionality.d.ts:22:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

22     static ɵfac: i0.ɵɵFactoryDeclaration<Directionality, [{ optional: true; }]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/directionality.d.ts:23:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

23     static ɵprov: i0.ɵɵInjectableDeclaration<Directionality>;    
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/dir.d.ts:34:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

34     static ɵfac: i0.ɵɵFactoryDeclaration<Dir, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/dir.d.ts:35:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

35     static ɵdir: i0.ɵɵDirectiveDeclaration<Dir, "[dir]", ["dir"], { "dir": "dir"; }, { "change": "dirChange"; }, never>;
~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/bidi-module.d.ts:4:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

4     static ɵfac: i0.ɵɵFactoryDeclaration<BidiModule, never>;      
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/bidi-module.d.ts:5:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

5     static ɵmod: i0.ɵɵNgModuleDeclaration<BidiModule, [typeof i1.Dir], never, [typeof i1.Dir]>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/cdk/bidi/bidi-module.d.ts:6:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

6     static ɵinj: i0.ɵɵInjectorDeclaration<BidiModule>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/common-behaviors/common-module.d.ts:47:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

47     static ɵfac: i0.ɵɵFactoryDeclaration<MatCommonModule, [null, 
{ optional: true; }, null]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/common-behaviors/common-module.d.ts:48:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

48     static ɵmod: i0.ɵɵNgModuleDeclaration<MatCommonModule, never, [typeof i1.BidiModule], [typeof i1.BidiModule]>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/common-behaviors/common-module.d.ts:49:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

49     static ɵinj: i0.ɵɵInjectorDeclaration<MatCommonModule>;      
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:55 - error TS2304: Cannot find name 'abstract'.

14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
~~~~~~~~   
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:78 - error TS2693: 'any' only refers to a type, but is being used as a value here.

14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:88 - error TS2304: Cannot find name 'T'.

14 export declare type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;

~
node_modules/@angular/material/core/error/error-options.d.ts:6m:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

6     static ɵfac: i0.ɵɵFactoryDeclaration<ShowOnDirtyErrorStateMatcher, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/error/error-options.d.ts:7:22 - 
error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

7     static ɵprov: i0.ɵɵInjectableDeclaration<ShowOnDirtyErrorStateMatcher>;
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/error/error-options.d.ts:12:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

12     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorStateMatcher, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/error/error-options.d.ts:13:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

13     static ɵprov: i0.ɵɵInjectableDeclaration<ErrorStateMatcher>; 
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/native-date-adapter.d.ts:72:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

72     static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateAdapter, [{ optional: true; }, null]>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/native-date-adapter.d.ts:73:22 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

73     static ɵprov: i0.ɵɵInjectableDeclaration<NativeDateAdapter>; 
~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/index.d.ts:8:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no 
exported member 'ɵɵFactoryDeclaration'.

8     static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateModule, never>;                          ~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/index.d.ts:9:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no 
exported member 'ɵɵNgModuleDeclaration'.

9     static ɵmod: i0.ɵɵNgModuleDeclaration<NativeDateModule, never, [typeof i1.PlatformModule], never>;
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/index.d.ts:10:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

10     static ɵinj: i0.ɵɵInjectorDeclaration<NativeDateModule>;     
~~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/index.d.ts:13:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

13     static ɵfac: i0.ɵɵFactoryDeclaration<MatNativeDateModule, never>;
~~~~~~~~~~~~~~~~~~~~
node_modules/@angular/material/core/datetime/index.d.ts:14:21 - error TS2694: Namespace '"C:/Users/Falcons/Documents/Professional projects/FalconChess/FrontEnd/FalconChess/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

我也在使用Angular11和Angular材质11。

根据今天的情况,如果您运行命令:

npm install --save @angular/material

它将导致安装";材料12〃;这更适合于";角形12〃;。

我所做的,可能会帮助你的,是这样运行它:

npm install --save @angular/material@11.2.12

请注意,我在这里指向的特定版本可能不完全兼容,你可能会在浏览器控制台中收到警告,所以你可能需要找到确切的数字,但至少应该适用于你的Angular 11。

此外,你确定你的项目在Angular11中运行吗?检查package.json并确认@angular/cdk@angular/cli指向11.x.x

Ps。我不记得手动安装动画,也许你可以跳过它。

为了让它发挥作用,我必须

  1. 卸载全局angular CLI并升级到最新版本
  2. 用新版本ng新建一个项目。。。(我确信你可以手动升级(
  3. 运行npm install --save @angular/material @angular/cdk
  4. 运行ng add @angular/material
  5. 现在我可以从材质库导入和使用零部件了

我所面临的问题似乎是angular本身或材质库的一些内部错误,ng-add命令没有按照angular材质文档所说的那样执行。

然而,我仍然不明白问题的原因,所以如果有人知道为什么会发生这种情况,最好能得到解释。

最新更新