MatDialog在将Angular更新为版本9后停止工作
我有一个角度的项目,我从7.2升级到9以下的 升级后,除MatDialog之外的所有功能都正常工作。打开对话框会显示一个大小不成比例的空弹出窗口,控制台中出现以下错误MatDialog在将Angular更新为版本9后停止工作,angular,angular-material,ivy,material-dialog,Angular,Angular Material,Ivy,Material Dialog,我有一个角度的项目,我从7.2升级到9以下的 升级后,除MatDialog之外的所有功能都正常工作。打开对话框会显示一个大小不成比例的空弹出窗口,控制台中出现以下错误 core.js:3866 ERROR Error: Uncaught (in promise): TypeError: Cannot read property "hasAttached" of undefined TypeError: Cannot read property "hasAttached" of undefined
core.js:3866 ERROR Error: Uncaught (in promise): TypeError: Cannot read property "hasAttached" of undefined
TypeError: Cannot read property "hasAttached" of undefined
at MatDialogContainer.push../node_modules/@angular/material/esm5/dialog.es5.js.MatDialogContainer.attachComponentPortal (dialog.es5.js:191)
at MatDialog.push../node_modules/@angular/material/esm5/dialog.es5.js.MatDialog._attachDialogContent (dialog.es5.js:1046)
at MatDialog.push../node_modules/@angular/material/esm5/dialog.es5.js.MatDialog.open (dialog.es5.js:850)
at new AppComponent (app.component.ts:67)
at createClass (core.js:22218)
at createDirectiveInstance (core.js:22087)
at createViewNodes (core.js:30632)
at createRootView (core.js:30546)
at callWithDebugContext (core.js:31554)
at Object.debugCreateRootView [as createRootView] (core.js:31064)
at resolvePromise (zone.js:836)
at resolvePromise (zone.js:795)
at zone.js:897
at ZoneDelegate.invokeTask (zone.js:431)
at Object.onInvokeTask (core.js:27441)
at ZoneDelegate.invokeTask (zone.js:430)
at Zone.runTask (zone.js:198)
at drainMicroTaskQueue (zone.js:611)
at ZoneTask.invokeTask [as invoke] (zone.js:517)
at invokeTask (zone.js:1671)
我已经从本教程中验证了将对话框与自定义组件一起使用的方法是相同的。
由于工作政策,我无法提供实际代码
我也试着选择离开常春藤,如果这是问题的原因。但这没用
你们中有人也面临类似的问题吗?问题解决了。我必须将Angular Material CDK升级到9.1,并将所有导入引用更改为新格式:
import { MatDialogModule } from '@angular/material/dialog';
现在一切都好了