2017-04-14 116 views
4

当我在构建时,在观看或运行服务器时它没有提供任何内容,只是在构建时给出了这个奇怪的错误这个错误:Angular 4 Webpack 2&AOT:意外的结束标记“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

这里是我的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:[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> 

这是我使用,使构建脚本:npm run cleanup && npm run ngc && webpack --config config/webpack.prod.js -p &我的WebPack配置为:

plugins: [ 
    new AotPlugin({ 
     tsConfigPath: './tsconfig.json', 
     entryModule: helpers.root('src/app/app.module#AppModule') 
    }), 
    new webpack.LoaderOptionsPlugin({ 
     debug: true, // config.debug has to be passed this way now too! 
     htmlLoader: { 
     minimize: false 
     } 
    }), 
    new webpack.NoErrorsPlugin(), 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618 
     mangle: { 
     keep_fnames: true 
     } 
    }), 
    new ExtractTextPlugin('[name].[hash].css'), 
    new webpack.DefinePlugin({ 
     'process.env': { 
     'ENV': JSON.stringify(ENV) 
     } 
    }), 
    new CompressionPlugin() 
    ] 
+0

'''标签对应的是什么?这是一个有效的HTML标签吗?编辑:另外,如果你改变''标签的src'是静态的,你有同样的问题吗? – Askanison4

+0

''是另一组分是改变'src'不利于 –

回答

0

我猜想你的引号插入后或与非打印字符的东西。

请检查这些行:

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

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

我找不到引用的问题,因为在我的整个项目中,我遵循相同的做法,但它给予错误只在这里 –

+0

尝试删除上面一行中'target =“_ blank”'和'* ngIf ='之间的空格和换行符。我在http://jona.ca/blog/unclosed-tag-finder找到了只有一个空间的测试。然后你会在'(点击)'行上出现同样的问题'

+0

我编辑了我的答案,所以你应该把我的线贴在你的地方去测试 –