Angular CLI 7安装的角材料9

时间:2020-05-16 07:27:50

标签: angular typescript

我的电脑已安装角度cli版本7.3.10和ts 3.2.4 然后我打了下面的命令来安装角材>

npm install-保存@ angular / material @ angular / cdk @ angular / animations Hammerjs

现在我可以看到已经安装了角材版本9

"@angular/animations": "^7.2.16",
"@angular/cdk": "^9.2.3",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/material": "^9.2.3",

我的问题是,当我添加进度条之类的材料时,应用程序无法编译并显示以下错误:

  • node_modules/@angular/cdk/coercion/array.d.ts(10,60)中的错误:错误TS1005:“,”。
  • node_modules/@angular/cdk/coercion/array.d.ts(10,61):错误TS1005:“,”预期。
  • node_modules/@angular/cdk/coercion/array.d.ts(10,75):错误TS1144:“ {”或“;”预期的。
  • node_modules/@angular/cdk/coercion/array.d.ts(10,77):错误TS1011:元素访问表达式应带有一个参数。
  • 任何人都可以帮忙。为什么angular cli 7安装了9种材料,我听不懂。

    2 个答案:

    答案 0 :(得分:1)

    看来@angular/core是版本~7.2.0,而@angular/material^9.2.3。您需要升级Angular或降级Angular Material库。我宁愿降级材料库。依次尝试以下命令

    npm uninstall @angular/material
    npm uninstall @angular/cdk
    npm install @angular/material@7.2.0
    npm install @angular/cdk@7.2.0
    

    答案 1 :(得分:0)

    我不确定为什么会发生这种情况(通常将材料9的依存关系设置为角度9),但是您可以删除它并重新设置正确的版本

    npm un -S @angular/material @angular/cdk
    npm add -S @angular/material@7 @angular/cdk@7