使用角度材料垫菜单时叠加位置错误

Question

得到错误：

ERROR TypeError：this._overlay.position（...）。flexibleConnectedTo（...）。withTransformOriginOn不是MatMenuTrigger.push ../ node_modules/@angular/material/esm5/menu.es5.js.MatMenuTrigger中的函数。 _getOverlayConfig（menu.es5.js：1320）

<div class="mat-app-background basic-container">
  <button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

Angular材料版本6.4.7，cdk版本6.0.1和cli版本6.1.3

Answer 1

您的@ angular / cdk版本看起来与@ angular / material版本不对齐。

在您的情况下，它们都应该是6.4.7版本

将来，请确保使用ng update命令更新您的应用程序，它会为您处理这些事情。