无法使用 ng build --prod 构建 angular 2 项目
Unable build the angular 2 project using ng build --prod
我使用 angular material 创建了一个 angular 2 项目。我正在尝试使用 firebase 部署过程来托管我的项目。
我的应用程序在我的 server.But 上成功 运行 当我尝试构建我的应用程序时它给我以下错误,如下图所示。
请帮我解决这个问题
检查您是否在应用程序模块中包含 angular 表单并正确导入它
import { FormsModule } from '@angular/forms';
再次尝试,如果它不起作用,则尝试删除 --aot --prod build。
Aot 优化您的构建,因此您未使用的代码可能会导致构建问题
解决方法:针对let- is only support for ng-template
错误。
您在 html 的某些地方使用了 let-variablename
。该错误表明您不能在任何地方使用它而不是 ng-template。
解决方案 1.
在任何使用 NgForOf
的地方使用 ng-template
像下面这样,
如果您正在使用下面这种代码。
<div ngFor let-variableName [ngForOf]="ListOfData" let-index=index ></div>
那应该改成ng-template
<ng-template ngFor let-variableName [ngForOf]="ListOfData" let-index=index ></ng-template>
解决方案 2
在下面使用这个循环
*ngFor="let variableName of ListOfData; let index = index"
你用的不是 which kind
ngFor let-variableName [ngForOf]="ListOfData" let-i=index
希望以上两种解决方案对您有所帮助。
编辑:
运行 用下面的命令代替你的
ng build --prod --aot=false --build-optimizer=false
我使用 angular material 创建了一个 angular 2 项目。我正在尝试使用 firebase 部署过程来托管我的项目。
我的应用程序在我的 server.But 上成功 运行 当我尝试构建我的应用程序时它给我以下错误,如下图所示。
请帮我解决这个问题
检查您是否在应用程序模块中包含 angular 表单并正确导入它
import { FormsModule } from '@angular/forms';
再次尝试,如果它不起作用,则尝试删除 --aot --prod build。 Aot 优化您的构建,因此您未使用的代码可能会导致构建问题
解决方法:针对let- is only support for ng-template
错误。
您在 html 的某些地方使用了 let-variablename
。该错误表明您不能在任何地方使用它而不是 ng-template。
解决方案 1.
在任何使用 NgForOf
ng-template
像下面这样,
如果您正在使用下面这种代码。
<div ngFor let-variableName [ngForOf]="ListOfData" let-index=index ></div>
那应该改成ng-template
<ng-template ngFor let-variableName [ngForOf]="ListOfData" let-index=index ></ng-template>
解决方案 2
在下面使用这个循环
*ngFor="let variableName of ListOfData; let index = index"
你用的不是 which kind
ngFor let-variableName [ngForOf]="ListOfData" let-i=index
希望以上两种解决方案对您有所帮助。
编辑:
运行 用下面的命令代替你的
ng build --prod --aot=false --build-optimizer=false