Angular 7 - 错误类型错误：无法读取 MatTooltip 未定义的属性“positionChanges”答案

【问题标题】：Angular 7 - ERROR TypeError: Cannot read property 'positionChanges' of undefined for MatTooltipAngular 7 - 错误类型错误：无法读取 MatTooltip 未定义的属性“positionChanges”
【发布时间】：2019-11-01 14:19:34
【问题描述】：

我已经实现了角度材质。除垫工具提示外，所有功能均正常工作。鼠标悬停在控制台上时出现以下错误

错误类型错误：无法读取未定义的属性“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 [作为调用] (polyfills.js:7991) 在 invokeTask (polyfills.js:9035)
在 HTMLElement.globalZoneAwareCallback (polyfills.js:9061)

我已经安装了所有必要的模块，比如

BrowserAnimationsModule
MatTooltipModule

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

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

我也尝试过使用其他版本。

我已经实现了mat tooltip如下

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

【问题讨论】：

Stackblitz 重现问题？

标签： angular angular-material

【解决方案1】：

就像对 Mateo Tibaquira 回答的澄清一样。

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

【讨论】：

是的，npm 有时会因为包锁而变得愚蠢，所以刷新依赖关系最好删除 node_modules 和 package-lock.json 和 npm i

【解决方案2】：

请使用相同版本的material和cdk，^与~不一样，所以更正它并再次运行npm install或yarn install。

【讨论】：

谢谢，Mateo，在我实施了您的建议后，它完美运行 :)
绝对！我做到了。
它还没有被接受，只是点赞:) 周末愉快！