2017-04-14 11 views
4

Ich bekomme diesen seltsamen Fehler, wenn ich einen Build mache, zur Zeit der Überwachung oder des laufenden Servers gibt es nichts, nur zum Zeitpunkt des Build-Gebens dieser Fehler:Angular 4 Webpack 2 & AOT: Unerwartetes schließendes Tag "a"

Unexpected closing tag "a". 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 ("ref=/user><img class="d-inline-block align-top" [src]="staticUrl + 'v4/img/intouch-logo-name.png'"/>[ERROR ->]</a> <search class="mr-auto col-sm-7 col-md-6 col-lg-5 col-xl-5 p-0"></search> <div id=settings> <div"): ng:///Users/[email protected]:192

Und hier ist mein html:

<nav class="navbar d-flex flex-row navbar-light bg-faded fixed-top"> 
    <a class="navbar-brand" href="/user"><img class="d-inline-block align-top" [src]="staticUrl + 'v4/img/intouch-logo-name.png'" /></a> 

    <search class="mr-auto col-sm-7 col-md-6 col-lg-5 col-xl-5 p-0"></search> 

    <div id="settings"> 
     <div class="dropdown clearfix"> 
      <div class="userProfile dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
       <div class="userDetail"> 
        <label> 
         {{loggedUser.icontact.name.given + ((loggedUser.icontact.name.family) ? ' '+loggedUser.icontact.name.family : '')}} 
        </label> 
        <small> 
         {{loggedUser.icontact.user_iid}} 
        </small> 
       </div> 
       <img class="profilePic rounded-circle" [src]="(loggedUser.icontact.photo) ? loggedUser.icontact.photo.url : staticUrl + 'images/in_img_default_profile_100px.png'" /> 
      </div> 
      <div class="dropdown-menu" aria-labelledby="settings"> 
       <a class="dropdown-item" [href]="'/' + loggedUser.icontact.user_iid" target="_blank">View profile</a> 
       <a class="dropdown-item" href="/user/cards/" target="_blank"> 
        Edit Profile 
       </a> 
       <div class="dropdown-divider" 
        *ngIf="accountInfo.userStatus.currentUserType == accountInfo.userStatus.groupType"></div> 
       <a class="dropdown-item" href="/user/notices/" target="_blank" 
        *ngIf="accountInfo.userStatus.currentUserType == accountInfo.userStatus.groupType">Notices</a> 
       <div class="dropdown-divider"></div> 
       <a class="dropdown-item upgrade-link upgrade-account" href="/user/upgrade/" target="_blank" 
        *ngIf="accountInfo.userStatus.currentPlan == '001'">Upgrade</a> 
       <a class="dropdown-item" href="mailto:s[email protected]?Subject=Feedback%20on%20the%20new%20interface">Feedback</a> 
       <a class="dropdown-item" href="/user/import/" target="_blank">Import data</a> 
       <div class="dropdown-divider"></div> 
       <a class="dropdown-item" href="/user/">Switch to old view</a> 
       <div class="dropdown-divider"></div> 
       <a class="dropdown-item" href="/logout/" 
        (click)="utilsService.sendEvent('spreadsheet_view', 'logout_clicked', 'clicked on logout')">Logout</a> 
      </div> 
     </div> 
    </div> 
</nav> 

Und das ist das Skript, das ich einen Build machen bin mit: npm run cleanup && npm run ngc && webpack --config config/webpack.prod.js -p & meine webpack config:

+0

Was sind die '' Tag entsprechen? Ist das ein gültiges HTML-Tag? EDIT: auch, wenn Sie die 'src' von' 'Tag zu statisch ändern, haben Sie das gleiche Problem? – Askanison4

+0

'' ist eine andere Komponente & ja ändern 'src' hilft nicht –

Antwort

0

Ich denke etwas mit Ihren Zitaten nach der Interpolation oder mit nicht druckbaren Zeichen.

Bitte überprüfen Sie diese Zeilen:

<a class="dropdown-item" href="/user/notices/" target="_blank" *ngIf="accountInfo.userStatus.currentUserType == accountInfo.userStatus.groupType">Notices</a> 
    <div class="dropdown-divider"></div> 

und

<div class="dropdown-divider"></div> 
<a class="dropdown-item" href="/logout/" (click)="utilsService.sendEvent('spreadsheet_view', 'logout_clicked', 'clicked on logout')">Logout</a> 
+0

Ich kann das Problem, das zitiert, nicht finden, da ich in meinem ganzen Projekt derselben Praxis folge, aber sein Geben Fehler nur hier –

+0

versuchen, einige Leerzeichen und Zeilenumbrüche zwischen 'target =" _ blank "' und '* ngIf =' in der Zeile über zu entfernen. Mein Test mit nur einem Platz funktionierte für mich auf http://jona.ca/blog/unclosed-tag-finder. Dann haben Sie das gleiche Problem, bevor Sie auf die Zeile '

+0

Ich habe meine Antwort bearbeitet, also Sie sollten meine Linien an Orten von Ihnen einfügen, um zu testen –

Verwandte Themen