Question

我试图将Angular Material添加到我现有的Angular 7应用程序中，以便可以使用MatDialogModule。我不断收到以下错误：

./ node_modules/@angular/cdk/esm5/a11y.es5.js中的警告 2324：55-73在'@ angular / core'中找不到导出'ɵɵdefineInjectable'

下面是我的app.module.ts和package.json的相关部分

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { MatDialogModule } from '@angular/material/dialog';

 ...

@NgModule({

  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    [BrowserAnimationsModule],
    MatDialogModule,
  ],

```json

  "dependencies": {
    "@angular/animations": "^7.2.15",
    "@angular/cdk": "^8.0.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/material": "^8.0.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular/cli": "~7.3.5",
    "@angular/compiler-cli": "~7.2.0",
    "@angular/language-service": "~7.2.0",
    "@types/node": "~8.9.4",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.2.2"
  }

Answer 1

我遇到了同样的问题，那就是我正在使用@ angular / core @ 7.2.0和@ angular / material @ 8.0.0和@ angular / cdk @ 8.0.0。

我知道您提到了降级材料和cdk，但是您的核心版本可能不匹配。通过确保所有3个都是〜7.2.0，并在browsermodule之后正确导入材料，我能够使该应用程序运行。

Answer 2

运行时我遇到了完全相同的问题

npm安装

您应该看到一些警告，说您需要安装另一个软件包才能使角形材料正常工作。就我而言，我必须运行

npm我@ angular / core @ ^ 8.0.0

希望这会有所帮助。

Answer 3

如果要升级站点，请确保通过ng update更新所有依赖关系，如果问题仍然存在，则可能需要删除node_modules文件夹，然后使用npm install重新安装它们。确保它们没有问题。
编码愉快！

Answer 4

“ @ angular / cdk”：“ ^ 8.0.0”，应更改为您的角度版本。默认情况下，它将安装最新版本。

Answer 5

删除./nodule_modules文件夹并运行

 npm init

Answer 6

如果您使用的是Angular 7，则可以使用shcematics。

只需运行ng add @angular/material，就可以立即安装NG Material，而无需您采取任何其他措施。

将Angular材质添加到现有Angular 7 App时出错

6 个答案: