Question

我已经实施了棱角分明的材料。除垫提示外，所有功能均正常工作。我在控制台上将鼠标悬停时遇到以下错误

ERROR TypeError：无法读取未定义的属性“ positionChanges”
  在   MatTooltip.push ../ node_modules/@angular/material/esm5/tooltip.es5.js.MatTooltip._createOverlay   （vendor.js：142545）在   MatTooltip.push ../ node_modules/@angular/material/esm5/tooltip.es5.js.MatTooltip.show   （vendor.js：142438），网址为HTMLElement。（vendor.js：142263）
  在   ZoneDelegate.push ../ node_modules / zone.js / dist / zone.js.ZoneDelegate.invokeTask   （polyfills.js：7916），位于Object.onInvokeTask（vendor.js：87619），位于   ZoneDelegate.push ../ node_modules / zone.js / dist / zone.js.ZoneDelegate.invokeTask   （polyfills.js：7915）在   Zone.push ../ node_modules / zone.js / dist / zone.js.Zone.runTask   （polyfills.js：7683）在   ZoneTask.push ../ node_modules / zone.js / dist / zone.js.ZoneTask.invokeTask   [as invoke]（polyfills.js：7991）at invokeTask（polyfills.js：9035）
  在HTMLElement.globalZoneAwareCallback（polyfills.js：9061）

我已经安装了所有必需的模块，例如

BrowserAnimationsModule
MatTooltipModule

即使我尝试从OverlayModule导入@angular/cdk 我正在使用

angular 7.1.3, 
"@angular/material": "^7.2.1" 
 @angular/cdk": "~7.2.1

我也尝试使用其他版本。

我已经实现了mat工具提示

<button name="groupModel" class="btn btn-info btn-link" (click)="selectGroup()" matTooltip="view company details" matTooltipPosition="above" triggers="mouseenter"></button>

Answer 1

请使用相同版本的material和cdk，^与~不同，因此请更正并运行npm install或{{ 1}}。

Answer 2

只是澄清了Mateo Tibaquira的答案。

为我工作，但我必须删除我的node_modules文件夹，然后执行npm install。

Angular 7-错误TypeError：无法读取MatTooltip的undefined属性'positionChanges'

2 个答案: