“无法绑定到”错误仅出现在生产中

Question

为什么我在使用 Angular 4 + webpack 的生产中得到“无法绑定到...，因为它不是...错误的已知属性”？

Angular 的版本是 4.1.3，webpack 的版本是 2.6.1。在我当地没有问题。一切正常。在生产中，我将来自“npm run build”的所需文件上传到weblogic。然后我面临如下错误：

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

无法绑定到“ngif”，因为它不是“div”的已知属性。 ("我 [阻塞]=notifier.blocked [目标]=pnl> ] ngif="session && session.activeUser">

我的依赖： My dependencies

Webpack 版本：Webpack versions

我试过这个：Can't bind to 'ngIf' since it isn't a known property of 'div'. (" 并添加了浏览器模块，但仍然无法在产品中工作。

打字没有问题：

<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>

Answer 1

我通过在 webpack.prod.js 中设置 minimize=false 解决了问题。像这样：

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