Angular 我不能在我的项目中使用角度材质

使用角度材质时，我遇到以下错误，请帮助我解决： 这些是我在chrome浏览器的控制台中遇到的错误

未捕获类型错误：对象。。。这不是一个函数 在platform.es5.js:102 at Module../node_modules/@angular/cdk/esm5/platform.es5.js platform.es5.js:104 在webpack_需要引导：78 at Module../node_modules/@angular/cdk/esm5/a11y.es5.js a11y.es5.js:1 在webpack_需要引导：78 在模块处../node_modules/@angular/material/esm5/autocomplete.es5.js autocomplete.es5.js:1 在webpack_需要引导：78 在模块处../node_modules/@angular/material/esm5/material.es5.js material.es5.js:1 在webpack_需要引导：78 at Module../src/app/app.Module.ts app.component.ts:8 客户端：编译时出现148个[WDS]警告。 警告@client:148 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2356:55-73 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:56-74 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/datepicker.es5.js 101:59-77 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/icon.es5.js 1027:57-75 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/paginator.es5.js 80:58-76 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:53-71 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/sort.es5.js 412:59-77 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/stepper.es5.js 61:56-74 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/bidi.es5.js 91:56-74 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/observators.es5.js 38:65-83 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/observators.es5.js 195:57-75 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 488:55-73 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 1393:62-80 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2070:58-76 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/core.es5.js 1478:59-77 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2988:54-72 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/platform.es5.js 102:50-68 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/layout.es5.js 88:54-72 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/layout.es5.js 318:60-78 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/collections.es5.js 524:67-85 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 663:58-76 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 2337:55-73 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 527:63-81 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 826:67-85 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 932:58-76 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overla y、 es5.js 4174:64-82 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 5050:68-86 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/text-field.es5.js 146:57-75 在“@angular/core”中未找到导出“定义可导入” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 488:145-153 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:217-225 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 1393:166-174 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:240-248 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2070:154-162 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2070:186-194 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2070:204-212 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:139-147 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2356:145-153 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2356:188-196 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:148-156 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2356:226-234 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:158-166 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2988:142-150 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2988:160-168 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:183-191 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/platform.es5.js 102:130-138 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:203-211 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/layout.es5.js 88:142-150 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:233-241 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/layout.es5.js 318:160-168 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/layout.es5.js 318:184-192 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/snack-bar.es5.js 1049:260-268 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/text-field.es5.js 146:171-179 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 663:154-162 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 663:172-180 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:167-175 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 2337:145-153 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/scrolling.es5.js 2337:165-173 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户：154./node_modules/@angular/material/esm5/bottom-sheet.es5.js 844:187-195 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 527:169-177 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 527:197-205 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 527:222-230 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 527:240-248 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/bidi.es5.js 91:148-156 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 826:181-189 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/icon.es5.js 1027:151-159 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 932:154-162 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/icon.es5.js 1027:176-184 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 4174:172-180 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 4174:197-205 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 4174:217-225 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 4174:237-245 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/observators.es5.js 195:151-159 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/overlay.es5.js 5050:184-192 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/material/esm5/icon.es5.js 1027:200-208 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/text-field.es5.js 146:151-159 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154 客户端：154./node_modules/@angular/cdk/esm5/a11y.es5.js 2356:206-214 在“@angular/core”中未找到导出“ɵɵinject” 警告@client:154

我已尝试使用以下cli命令安装angular material 角材料

package.json

app.module.ts

login.html

---

我希望在控制台中显示登录mat card指令时不会出现任何错误

您不能使用@angular/material和@angular/cdk版本8.1.1，因为您的角度相关性仍然是7.2.0

下载7.2.0版

npm install @angular/material@7.2.0.

---

此外，您还安装了angular material版本1，angular material:^1.1.19，不确定为什么需要此版本

首先，还原您的更改

同时删除此线：角度材质：^1.1.19， 它适用于角度1，而不是角度2+

然后使用以下命令安装依赖项：npm install

运行命令：ng add@angular/material@^7.3.7

当它询问您添加hammer.js和animations模块时，请说“y”

材料7的官方指南：

---

出现同样的错误时不起作用。我用v7.2.0替换了v8。它就像一个符咒，谢谢你！

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { MatToolbarModule,MatButtonModule,MatSidenavModule,MatIconModule,MatListModule,MatCardModule} from '@angular/material';
import { LoginComponent } from './login/login.component';

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


login.ts(my component where i used angular material)

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.less']
})
export class LoginComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

<mat-card>Login</mat-card>

npm install @angular/material@7.2.0.