主頁 > 資料庫 > 不能在Angular11中使用AngularMaterial組件

不能在Angular11中使用AngularMaterial組件

2021-11-27 15:17:13 資料庫

我正在嘗試學習角度材料并建立一個新專案。我真的跑了ng new projectName，然后喜歡 angular docs 提供的指令， ng add @angular/material這會導致錯誤和堆疊跟蹤。我嘗試了其他人針對此問題發布的解決方案，該解決方案是要運行的 npm install --save @angular/material @angular/cdk @angular/animations，這似乎允許我運行，ng add @angular/material但是當我嘗試按照角度材料的檔案進行操作并渲染單個組件時，我不能，并且有一個似乎與內部角度節點模塊相關的大量錯誤。

我將匯入添加到 app.module.ts import { 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'.

uj5u.com熱心網友回復：

我也將 Angular11 與 Angular 材料 11 一起使用。

按照今天，如果你運行命令：

npm install --save @angular/material

...這將導致安裝更適合“Angular 12”的“Material 12”。

我所做的，并且可能會幫助你，是這樣運行它：

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

請注意，我在這里指的特定版本可能不完全兼容，您可能會在瀏覽器控制臺中收到警告，因此您可能需要找到確切的數字，但至少應該適用于您的 Angular 11。

另外，您確定您的專案在 Angular11 中運行嗎？檢查 package.json 并確認@angular/cdk @angular/cli 指向 11.xx

附言。我不記得手動安裝影片，可能你可以跳過它。

uj5u.com熱心網友回復：

為了讓這個作業，我必須

  1. 卸載 global angular CLI 并升級到最新版本
  2. 使用新版本 ng new 創建一個新專案...（我確定您可以手動升級）
  3. 跑 npm install --save @angular/material @angular/cdk
  4. 跑 ng add @angular/material
  5. 現在我可以從材料庫中匯入和使用組件。

我面臨的問題似乎是 angular 本身或材料庫的一些內部錯誤，ng add 命令沒有執行 angular 材料檔案所說的那樣。

我仍然不明白問題的原因，所以如果有人知道為什么會發生這種情況，最好能得到解釋。

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/367296.html

標籤：有角的 角材料

上一篇：Angular中的頁面保持空白（路由問題）

下一篇：帶有嵌套JSON的AngularPDFMake動態表

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • GPU虛擬機創建時間深度優化

    **?桔妹導讀：**GPU虛擬機實體創建速度慢是公有云面臨的普遍問題，由于通常情況下創建虛擬機屬于低頻操作而未引起業界的重視，實際生產中還是存在對GPU實體創建時間有苛刻要求的業務場景。本文將介紹滴滴云在解決該問題時的思路、方法、并展示最終的優化成果。 從公有云服務商那里購買過虛擬主機的資深用戶，一 ......

    uj5u.com 2020-09-10 06:09:13 more
  • 可編程網卡芯片在滴滴云網路的應用實踐

    **?桔妹導讀：**隨著云規模不斷擴大以及業務層面對延遲、帶寬的要求越來越高，采用DPDK 加速網路報文處理的方式在橫向縱向擴展都出現了局限性。可編程芯片成為業界熱點。本文主要講述了可編程網卡芯片在滴滴云網路中的應用實踐，遇到的問題、帶來的收益以及開源社區貢獻。 #1. 資料中心面臨的問題 隨著滴滴 ......

    uj5u.com 2020-09-10 06:10:21 more
  • 滴滴資料通道服務演進之路

    **?桔妹導讀：**滴滴資料通道引擎承載著全公司的資料同步，為下游實時和離線場景提供了必不可少的源資料。隨著任務量的不斷增加，資料通道的整體架構也隨之發生改變。本文介紹了滴滴資料通道的發展歷程，遇到的問題以及今后的規劃。 #1. 背景 資料，對于任何一家互聯網公司來說都是非常重要的資產，公司的大資料 ......

    uj5u.com 2020-09-10 06:11:05 more
  • 滴滴AI Labs斬獲國際機器翻譯大賽中譯英方向世界第三

    **桔妹導讀：**深耕人工智能領域，致力于探索AI讓出行更美好的滴滴AI Labs再次斬獲國際大獎，這次獲獎的專案是什么呢？一起來看看詳細報道吧！ 近日，由國際計算語言學協會ACL（The Association for Computational Linguistics）舉辦的世界最具影響力的機器 ......

    uj5u.com 2020-09-10 06:11:29 more
  • MPP (Massively Parallel Processing)大規模并行處理

    1、什么是mpp？ MPP (Massively Parallel Processing)，即大規模并行處理，在資料庫非共享集群中，每個節點都有獨立的磁盤存盤系統和記憶體系統，業務資料根據資料庫模型和應用特點劃分到各個節點上，每臺資料節點通過專用網路或者商業通用網路互相連接，彼此協同計算，作為整體提供 ......

    uj5u.com 2020-09-10 06:11:41 more
  • 滴滴資料倉庫指標體系建設實踐

    **桔妹導讀：**指標體系是什么？如何使用OSM模型和AARRR模型搭建指標體系？如何統一流程、規范化、工具化管理指標體系？本文會對建設的方法論結合滴滴資料指標體系建設實踐進行解答分析。 #1. 什么是指標體系 ##1.1 指標體系定義 指標體系是將零散單點的具有相互聯系的指標，系統化的組織起來，通 ......

    uj5u.com 2020-09-10 06:12:52 more
  • 單表千萬行資料庫 LIKE 搜索優化手記

    我們經常在資料庫中使用 LIKE 運算子來完成對資料的模糊搜索，LIKE 運算子用于在 WHERE 子句中搜索列中的指定模式。 如果需要查找客戶表中所有姓氏是“張”的資料，可以使用下面的 SQL 陳述句： SELECT * FROM Customer WHERE Name LIKE '張%' 如果需要 ......

    uj5u.com 2020-09-10 06:13:25 more
  • 滴滴Ceph分布式存盤系統優化之鎖優化

    **桔妹導讀：**Ceph是國際知名的開源分布式存盤系統，在工業界和學術界都有著重要的影響。Ceph的架構和演算法設計發表在國際系統領域頂級會議OSDI、SOSP、SC等上。Ceph社區得到Red Hat、SUSE、Intel等大公司的大力支持。Ceph是國際云計算領域應用最廣泛的開源分布式存盤系統， ......

    uj5u.com 2020-09-10 06:14:51 more
  • es~通過ElasticsearchTemplate進行聚合~嵌套聚合

    之前寫過《es~通過ElasticsearchTemplate進行聚合操作》的文章，這一次主要寫一個嵌套的聚合，例如先對sex集合，再對desc聚合，最后再對age求和，共三層嵌套。 Aggregations的部分特性類似于SQL語言中的group by，avg，sum等函式,Aggregation ......

    uj5u.com 2020-09-10 06:14:59 more
  • 爬蟲日志監控 -- Elastc Stack（ELK）部署

    傻瓜式部署，只需替換IP與用戶 導讀： 現ELK四大組件分別為：Elasticsearch（核心）、logstash（處理）、filebeat（采集）、kibana（可視化） 下載均在https://www.elastic.co/cn/downloads/下tar包，各組件版本最好一致，配合fdm會 ......

    uj5u.com 2020-09-10 06:15:05 more
最新发布
  • day02-2-商鋪查詢快取

    功能02-商鋪查詢快取 3.商鋪詳情快取查詢 3.1什么是快取？ 快取就是資料交換的緩沖區（稱作Cache），是存盤資料的臨時地方，一般讀寫性能較高。 快取的作用： 降低后端負載 提高讀寫效率，降低回應時間 快取的成本： 資料一致性成本 代碼維護成本 運維成本 3.2需求說明 如下，當我們點擊商店詳 ......

    uj5u.com 2023-04-20 08:33:24 more
  • MySQL中binlog備份腳本分享

    關于MySQL的二進制日志（binlog），我們都知道二進制日志（binlog）非常重要，尤其當你需要point to point災難恢復的時侯，所以我們要對其進行備份。關于二進制日志（binlog)的備份,可以基于flush logs方式先切換binlog，然后拷貝&壓縮到到遠程服務器或本地服務器 ......

    uj5u.com 2023-04-20 08:28:06 more
  • day02-短信登錄

    功能實作02 2.功能01-短信登錄 2.1基于Session實作登錄 2.1.1思路分析 2.1.2代碼實作 2.1.2.1發送短信驗證碼 發送短信驗證碼： 發送驗證碼的介面為：http://127.0.0.1:8080/api/user/code?phone=xxxxx<手機號> 請求方式：PO ......

    uj5u.com 2023-04-20 08:27:27 more
  • 快取與資料庫雙寫一致性幾種策略分析

    本文將對幾種快取與資料庫保證資料一致性的使用方式進行分析。為保證高并發性能，以下分析場景不考慮執行的原子性及加鎖等強一致性要求的場景，僅追求最終一致性。 ......

    uj5u.com 2023-04-20 08:26:48 more
  • sql陳述句優化

    問題查找及措施 問題查找 需要找到具體的代碼，對其進行一對一優化，而非一直把關注點放在服務器和sql平臺 降低簡化每個事務中處理的問題，盡量不要讓一個事務拖太長的時間 例如檔案上傳時，應將檔案上傳這一步放在事務外面 微軟建議 4.啟動sql定時執行計劃 怎么啟動sqlserver代理服務-百度經驗 ......

    uj5u.com 2023-04-20 08:26:35 more
  • 云時代，MySQL到ClickHouse資料同步產品對比推薦

    ClickHouse 在執行分析查詢時的速度優勢很好的彌補了MySQL的不足，但是對于很多開發者和DBA來說，如何將MySQL穩定、高效、簡單的同步到 ClickHouse 卻很困難。本文對比了 NineData、MaterializeMySQL（ClickHouse自帶）、Bifrost 三款產品... ......

    uj5u.com 2023-04-20 08:26:29 more
  • sql陳述句優化

    問題查找及措施 問題查找 需要找到具體的代碼，對其進行一對一優化，而非一直把關注點放在服務器和sql平臺 降低簡化每個事務中處理的問題，盡量不要讓一個事務拖太長的時間 例如檔案上傳時，應將檔案上傳這一步放在事務外面 微軟建議 4.啟動sql定時執行計劃 怎么啟動sqlserver代理服務-百度經驗 ......

    uj5u.com 2023-04-20 08:25:13 more
  • Redis 報”OutOfDirectMemoryError“（堆外記憶體溢位)

    Redis 報錯“OutOfDirectMemoryError（堆外記憶體溢位) ”問題如下： 一、報錯資訊： 使用 Redis 的業務介面 ，產生 OutOfDirectMemoryError（堆外記憶體溢位），如圖： 格式化后的報錯資訊： { "timestamp": "2023-04-17 22: ......

    uj5u.com 2023-04-20 08:24:54 more
  • day02-2-商鋪查詢快取

    功能02-商鋪查詢快取 3.商鋪詳情快取查詢 3.1什么是快取？ 快取就是資料交換的緩沖區（稱作Cache），是存盤資料的臨時地方，一般讀寫性能較高。 快取的作用： 降低后端負載 提高讀寫效率，降低回應時間 快取的成本： 資料一致性成本 代碼維護成本 運維成本 3.2需求說明 如下，當我們點擊商店詳 ......

    uj5u.com 2023-04-20 08:24:03 more
  • day02-短信登錄

    功能實作02 2.功能01-短信登錄 2.1基于Session實作登錄 2.1.1思路分析 2.1.2代碼實作 2.1.2.1發送短信驗證碼 發送短信驗證碼： 發送驗證碼的介面為：http://127.0.0.1:8080/api/user/code?phone=xxxxx<手機號> 請求方式：PO ......

    uj5u.com 2023-04-20 08:23:11 more

Copyright © 2010-2020 有解無憂