"不能绑定到"错误仅出现在生产中

时间:2017-06-09 11:55:59

标签: angular webpack dev-to-production

为什么我得到"无法绑定...因为它不是......错误的已知属性"在Angular 4 + webpack的制作中?

Angular的版本是4.1.3,webpack版本是2.6.1。在我当地没有问题。一切都很好。在制作中,我上传所需的文件来自" npm run build"到weblogic。然后我面临如下错误:

  

未处理的承诺拒绝:模板解析错误:   无法绑定到' ngclass'因为它不是“div”的已知属性。

     

无法绑定到' ngif'因为它不是“div”的已知属性。 (" i [blocked] = notifier.blocked [target] = pnl>] ngif =" session&& session.activeUser">

我的依赖项: My dependencies

Webpack版本:Webpack versions

我试过这个:Can't bind to 'ngIf' since it isn't a known property of 'div'. ("并添加了browsermodule但仍未在prod中工作。

typin没有问题:

<div class="ui-grid" *ngIf="session && session.activeUser">
<model-dialog-component #modelDialog [contentFactory]='modelDialogContentFactory'></model-dialog-component>
<div class="ui-grid-row">
    <div class="ui-grid-col-12">
        <div class='headers'>
            <div class='header'>
                <div id='logo'>
                    <span routerLink='home'><img [src]='logoPath' /></span>
                    <div class='mobile-nav' [ngClass]="acln ? 'op':'hd'" (click)='mnav($event)'>
                        <i class='icon-menu'></i>
                    </div>

1 个答案:

答案 0 :(得分:1)

我已经通过在webpack.prod.js中使用 minimize = false 解决了问题。像这样:

new webpack.LoaderOptionsPlugin({
        options: {
            htmlLoader: {
                minimize: false
            }
        }
    }),