Angular 将角度材质添加到现有角度7应用程序时出错

Angular 将角度材质添加到现有角度7应用程序时出错,angular,angular-material,Angular,Angular Material,我正在尝试向现有的Angular 7应用程序添加Angular材质,以便使用MatDialogModule。我不断得到以下错误: ./node_modules/@angular/cdk/esm5/a11y.es5.js中的警告 2324:55-73在“@angular/core”中未找到导出“定义可导入” 下面是我的app.module.ts和package.json的相关部分 import { BrowserModule } from '@angular/platform-browser';

我正在尝试向现有的Angular 7应用程序添加Angular材质,以便使用MatDialogModule。我不断得到以下错误:

./node_modules/@angular/cdk/esm5/a11y.es5.js中的警告 2324:55-73在“@angular/core”中未找到导出“定义可导入”

下面是我的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"
  }

删除您的./nomble_modules文件夹并运行

 npm init

我也有同样的问题,就是我使用了@angular/core@7.2.0和@angular/material@8.0.0和@angular/cdk@8.0.0.


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

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

npm安装

您应该会看到一些警告,说明需要安装另一个软件包才能使棱角材质正常工作。就我而言,我不得不逃跑

npm i@角度/核心@^8.0.0


希望这有帮助。

如果您要升级站点,请确保通过
ng update
更新所有依赖项,如果问题仍然存在,您可能需要删除节点模块文件夹,并使用
npm install
重新安装它们,以确保它们没有问题。

快乐编码

“@angular/cdk”:“^8.0.0”应更改为您的angular版本。默认情况下,它会安装最新版本。

这可能是由于版本不匹配,您使用的是Angular Material版本8,对于Angular,您使用的是Angular版本7,请降低Angular Material版本或升级Angular应用程序。即使更改以下内容,我也会收到相同的错误:“@Angular/cdk”:“^7.0.0”,“@Angular/Material”:“^7.0.0”,