使用 Angular 4.2.5 发布时出现 Webpack 错误答案

【问题标题】：Webpack errors on Publish using Angular 4.2.5使用 Angular 4.2.5 发布时出现 Webpack 错误
【发布时间】：2018-03-10 13:49:44
【问题描述】：

我使用 SPA 模板创建了一个应用程序。 Angular 应用程序使用 primeng 组件作为 UI。为了让 bootstrap、fontawesome 和 primeng 主题运行，我运行了webpack --config webpack.config.vendor.js，这样我就可以将 css 文件添加到 nonTreeShakableModules 数组中。在我发布之前，一切似乎都有效。

当我尝试发布时，出现以下错误

    ERROR in ./$$_gendir/~/primeng/components/menu/menu.ngfactory.ts
Module parse failed: .\$$_gendir\node_modules\primeng\components\menu\menu.ngfactory.ts Unexpected token (14:32)
You may need an appropriate loader to handle this file type.
| import * as i3 from '@angular/router';
| import * as i4 from 'primeng/components/dom/domhandler';
| export const MenuModuleNgFactory:i0.NgModuleFactory<i1.MenuModule> = i0.?cmf(i1.MenuModule,
|     ([] as any[]),(_l:any) => {
|       return i0.?mod([i0.?mpd(512,i0.ComponentFactoryResolver,i0.?CodegenComponentFactoryResolver,
 @ ./$$_gendir/ClientApp/app/components/locations/locations.component.ngfactory.ts 9:0-99
 @ ./$$_gendir/ClientApp/app/components/list/list.component.ngfactory.ts
 @ ./$$_gendir/ClientApp/app/app.module.server.ngfactory.ts
 @ ./ClientApp/boot.server.ts

我使用的每个primeng组件都有这个错误。

【问题讨论】：

Cool Java andere jsf 正在取代 .Net

标签： asp.net-core asp.net-core-mvc entity-framework-core primeng

【解决方案1】：

您可能会遇到这种情况，因为 ASP.NET 核心 2.0 / Angular 模板使用不同的打字稿加载器进行开发和生产：awesome-typescript-loader 和 angular2-template-loader 在开发中，@ngtools/webpack 在生产中。

根据我的经验，@ngtools/webpack 在加载一些第三方角度组件方面表现不佳。您可以尝试将awesome-typescript-loader 和angular2-template-loader 用于开发和生产。

【讨论】：