首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法在Angular 11中使用Angular材质组件

无法在Angular 11中使用Angular材质组件
EN

Stack Overflow用户
提问于 2021-11-25 17:49:11
回答 2查看 1.2K关注 0票数 0

我正在尝试学习角度材料,并建立一个新的项目。我直接运行了ng new projectName,然后按照angular文档提供的指令运行了ng add @angular/material,这会导致错误和堆栈跟踪。我尝试了其他人发布的这个问题的解决方案,即运行npm install --save @angular/material @angular/cdk @angular/animations,这似乎允许我运行ng add @angular/material,但当我尝试按照angular材质的文档所说的操作,并呈现单个组件时,我无法渲染单个组件,并且出现了大量与内部angular节点模块相关的错误。

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

代码语言:javascript
运行
复制
@NgModule({
declarations: [
  AppComponent
],
imports: [
  BrowserModule,
  AppRoutingModule,
  BrowserAnimationsModule,
  MatSliderModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

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

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

谢谢。

错误

代码语言:javascript
运行
复制
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'.
EN

Stack Overflow用户

发布于 2021-11-25 17:55:13

我也在使用带有角度材质11的Angular11。

从今天开始,如果您运行以下命令:

npm install --save @angular/material

...it将安装更适合"Angular 12“的"Material 12”。

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

代码语言:javascript
运行
复制
npm install --save @angular/material@11.2.12

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

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

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

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70115436

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档