【发布时间】：2021-01-14 15:55:28
【问题描述】：
我将 Angular 11 与 Angular Material 11 一起使用。 我将多个角度项目组合为一个。所有这些项目都在运作。现在，我们使用 Angular 9 和 Angular Material 9。
我们只是改变了结构，但是代码是一样的（app.module.ts也是一样的）。只是这个包是由主项目管理的，而不是我自己的。
但是这种融合存在问题。它的对话框是：
知道的是：
这有点不同。
我的 app.module.ts 的一部分：
@NgModule({
declarations: [
AppComponent,
DialogOverviewDialogComponent,
],
imports: [
AppRoutingModule,
MatNativeDateModule,
BrowserModule,
BrowserAnimationsModule,
MatDialogModule,
MatFormFieldModule,
MatInputModule,
FormsModule,
ReactiveFormsModule
],
exports: [
MatFormFieldModule,
MatInputModule
],
entryComponents: [DialogOverviewDialogComponent],
bootstrap: [AppComponent],
providers: [
{ provide: MAT_DIALOG_DATA, useValue: {} },
{ provide: MatDialogRef, useValue: {} },
{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'fill' } }
]
})
还有 package.json ：
{
"name": "project-name",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng projects/AProject/e2e",
"prod": "ng build --prod --aot --verbose",
},
"private": true,
"dependencies": {
"@angular/animations": "~9.1.1",
"@angular/cdk": "^9.2.4",
"@angular/common": "~9.1.1",
"@angular/compiler": "~9.1.1",
"@angular/core": "~9.1.1",
"@angular/forms": "~9.1.1",
"@angular/material": "^9.2.4",
"@angular/platform-browser": "~9.1.1",
"@angular/platform-browser-dynamic": "~9.1.1",
"@angular/router": "~9.1.1",
"@ngx-translate/core": "^12.1.2",
"@ngx-translate/http-loader": "^4.0.0",
"bootstrap": "^4.4.1",
"compressorjs": "^1.0.6",
"hammerjs": "^2.0.8",
"ng2-completer": "^3.0.3",
"ng2-pdf-viewer": "^5.3.0",
"ngx-extended-pdf-viewer": "^6.2.0-alpha.0",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.1",
"@angular-devkit/build-ng-packagr": "~0.901.13",
"@angular/cli": "~9.1.1",
"@angular/compiler-cli": "~9.1.1",
"@angular/language-service": "~9.1.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"@types/jest": "^26.0.20",
"@types/mocha": "^8.2.0",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^5.2.3",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"ng-packagr": "^9.0.0",
"protractor": "^7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
}
}
我试过了：
- 删除其他项目（查看是否存在冲突）
- 编辑依赖的版本，但即使是完全相同的版本，bug 已经在这里了
- 添加多个其他模块导入
- 控制台或启动时出现任何错误
- NPM 安装然后重启
【问题讨论】：
-
您能提供
package.json文件吗？您也可以尝试删除node_modules文件夹并尝试从头开始再次npm intall -
当然，我只是将它添加到主帖中。对于node_modules的删除，我目前正在尝试，但是很长。
-
更新：删除
node_modules并运行npm install后没有任何变化 -
降级依赖时，角度材质类可能会发生变化，建议您v9.material.angular.io查看此文档，并检查您的代码是否正确。
-
我按照教程进行操作，例如在添加材料时遇到问题，我重新安装它，然后导入 CSS。现在，它工作正常（我发布了一个答案）。谢谢你