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