angular - 错误 : node_modules/@angular/material/core/common-behaviors/constructor. d.ts:14:64 - 错误 TS1005: ';' 预期

Question

我的应用程序运行良好，直到我卸载了 bootstrap 并安装了 Angular Material ......然后尝试做 ng serve 但得到了这个错误..

Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - error TS1005: ';' expected.

14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:69 - 错误 TS1109:预期的表达。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:82 - 错误 TS1011:元素访问表达式应该接受一个参数。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:83 - 错误 TS1005: ';'预期的。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:85[0m - 错误 TS1128:预期的声明或语句。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~
** Angular Live Development Server 正在监听 localhost:4200，在 http://localhost:4200/上打开浏览器 **
✔ 浏览器应用程序包生成完成。
初始块文件 |姓名 |尺寸
样式.css, 样式.js |款式| 427.71 KB
4个不变的块
构建时间:2021-05-25T16:53:03.977Z - 哈希:55aee97af2b18f6d0a38 - 时间:523ms
错误:node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - 错误 TS1005: ';'预期的。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:69 - 错误 TS1109:预期的表达。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:82 - 错误 TS1011:元素访问表达式应该接受一个参数。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:83 - 错误 TS1005: ';'预期的。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~
node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:85[0m - 错误 TS1128:预期的声明或语句。
14 export 声明类型 AbstractConstructor = abstract new (...args: any[]) => T;
~~

Error: 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/option/optgroup.d.ts:17:22 - error TS2420: Class '_MatOptgroupBase' incorrectly implements interface 'CanDisable'.
  Property 'disabled' is missing in type '_MatOptgroupBase' but required in type 'CanDisable'.

17 export declare class _MatOptgroupBase extends _MatOptgroupMixinBase implements CanDisable {
                        ~~~~~~~~~~~~~~~~

  node_modules/@angular/material/core/common-behaviors/disabled.d.ts:12:5
    12     disabled: boolean;
           ~~~~~~~~
    'disabled' is declared here.
node_modules/@angular/material/form-field/form-field.d.ts:64:22 - error TS2420: Class 'MatFormField' incorrectly implements interface 'CanColor'.
  Type 'MatFormField' is missing the following properties from type 'CanColor': color, defaultColor

64 export declare class MatFormField extends _MatFormFieldMixinBase implements AfterContentInit, AfterContentChecked, AfterViewInit, OnDestroy, CanColor {
                        ~~~~~~~~~~~~
node_modules/@angular/material/input/input.d.ts:30:22 - error TS2420: Class 'MatInput' incorrectly implements interface 'CanUpdateErrorState'.
  Type 'MatInput' is missing the following properties from type 'CanUpdateErrorState': updateErrorState, errorState

30 export declare class MatInput extends _MatInputMixinBase implements MatFormFieldControl<any>, OnChanges, OnDestroy, AfterViewInit, DoCheck, CanUpdateErrorState {
                        ~~~~~~~~
node_modules/@angular/material/input/input.d.ts:30:22 - error TS2720: Class 'MatInput' incorrectly implements class 'MatFormFieldControl<any>'. Did you mean to extend 'MatFormFieldControl<any>' and inherit its members as a subclass?
  Property 'errorState' is missing in type 'MatInput' but required in type 'MatFormFieldControl<any>'.

30 export declare class MatInput extends _MatInputMixinBase implements MatFormFieldControl<any>, OnChanges, OnDestroy, AfterViewInit, DoCheck, CanUpdateErrorState {
                        ~~~~~~~~

  node_modules/@angular/material/form-field/form-field-control.d.ts:37:14
    37     readonly errorState: boolean;
                    ~~~~~~~~~~
    'errorState' is declared here.
node_modules/@angular/material/button/button.d.ts:22:22 - error TS2420: Class 'MatButton' incorrectly implements interface 'CanColor'.
  Type 'MatButton' is missing the following properties from type 'CanColor': color, defaultColor

22 export declare class MatButton extends _MatButtonMixinBase implements AfterViewInit, OnDestroy, CanDisable, CanColor, CanDisableRipple, FocusableOption {
                        ~~~~~~~~~
node_modules/@angular/material/button/button.d.ts:22:22 - error TS2420: Class 'MatButton' incorrectly implements interface 'CanDisable'.
  Property 'disabled' is missing in type 'MatButton' but required in type 'CanDisable'.

22 export declare class MatButton extends _MatButtonMixinBase implements AfterViewInit, OnDestroy, CanDisable, CanColor, CanDisableRipple, FocusableOption {
                        ~~~~~~~~~

  node_modules/@angular/material/core/common-behaviors/disabled.d.ts:12:5
    12     disabled: boolean;
           ~~~~~~~~
    'disabled' is declared here.
node_modules/@angular/material/button/button.d.ts:22:22 - error TS2420: Class 'MatButton' incorrectly implements interface 'CanDisableRipple'.
  Property 'disableRipple' is missing in type 'MatButton' but required in type 'CanDisableRipple'.

22 export declare class MatButton extends _MatButtonMixinBase implements AfterViewInit, OnDestroy, CanDisable, CanColor, CanDisableRipple, FocusableOption {
                        ~~~~~~~~~

  node_modules/@angular/material/core/common-behaviors/disable-ripple.d.ts:12:5
    12     disableRipple: boolean;
           ~~~~~~~~~~~~~
    'disableRipple' is declared here.
node_modules/@angular/material/toolbar/toolbar.d.tsm:22:22 - error TS2420: Class 'MatToolbar' incorrectly implements interface 'CanColor'.
  Type 'MatToolbar' is missing the following properties from type 'CanColor': color, defaultColor

22 export declare class MatToolbar extends _MatToolbarMixinBase implements CanColor, AfterViewInit {
                        ~~~~~~~~~~
node_modules/@angular/material/progress-spinner/progress-spinner.d.ts:40:22 - error TS2420: Class 'MatProgressSpinner' incorrectly implements interface 'CanColor'.
  Type 'MatProgressSpinner' is missing the following properties from type 'CanColor': color, defaultColor

40 export declare class MatProgressSpinner extends _MatProgressSpinnerMixinBase implements OnInit, CanColor {
                        ~~~~~~~~~~~~~~~~~~

Answer 1

使用以下版本的 Angular Material npm i @angular/material@11.2.13 解决了这个问题