Angular Material 2工具提示问题

Question

I simply added tooltip to a div like so :

<div  matTooltip="yeayh">
</div>

And added the 2 module below to the parent module :

BrowserAnimationsModule,
MatTooltipModule,

The toolTip is displayed with no issue but I get this in the browser console :

ERROR TypeError: Cannot read property 'matches' of null
    at Object.eval [as updateRenderer] (TooltipComponent.html:1)
    at Object.debugUpdateRenderer [as updateRenderer] (core.js:11087)
    at checkAndUpdateView (core.js:10463)
    at callViewAction (core.js:10699)
    at execComponentViewsAction (core.js:10641)
    at checkAndUpdateView (core.js:10464)
    at callViewAction (core.js:10699)
    at execEmbeddedViewsAction (core.js:10662)
    at checkAndUpdateView (core.js:10459)
    at callViewAction (core.js:10699)

Answer 1

尝试更改“ @ angular / cdk”版本（例如“ ^ 6.0.0”）

Answer 2

try to update angular material to the new version 7.2.1 see instruction angulat material install

then add to the file "\\src\\styles.css" the CSS

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';