#

Fehler: Uncaught Error: Template parse errors: Only void and foreign elements can be self closed "EditIcon"

 

 

 

Fehlermeldung im Angular Chrome Browser

Uncaught Error: Template parse errors:

Only void and foreign elements can be self closed "EditIcon" ("<a href="//{{ id }}">

  <Fab color="secondary" aria-label="edit" style={{ float: 'right' }}>

    [ERROR ->]<EditIcon />

  </Fab>

</a>

"): ng:///AppModule/ReadArticleComponent.html@7:4

Unexpected closing tag "Fab". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags ("

  <Fab color="secondary" aria-label="edit" style={{ float: 'right' }}>

    <EditIcon />

  [ERROR ->]</Fab>

</a>

 

 

Code in Angular.component.html

<a href="//{{ id }}">

  <Fab color="secondary" aria-label="edit" style={{ float: 'right' }}>

    <EditIcon />

  </Fab>

</a>

 

Lösung:

 

@Angular/material muss installiert werden mit ng add @angular/material --save

 

 


Mobile

.