Webpackエラーon角を使用して公開する4.2.5

Question

私はSPAテンプレートを使用してアプリケーションを作成しました。 AngularアプリはUI用にprimengコンポーネントを使用しています。ブートストラップを取得するために、fontawesomeとprimengテーマを実行してwebpack --config webpack.config.vendor.jsを実行し、CSSファイルをnonTreeShakableModulesアレイに追加できるようにしました。私が出版するまではすべてがうまくいくようです。

私は私が使用されているすべてのprimengコンポーネントに対してこのエラーを持って、次のエラー

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 

を取得公開しようとします。

Answer 1

ASP.NET Core 2.0/Angular Templateは、開発用および生産用に異なるタイプコピーローダーを使用しているため、開発中のawesome-typescript-loaderおよびangular2-template-loader、および運用中の@ngtools/webpackが使用されている可能性があります。

私の経験から、@ngtools/webpackは、サードパーティの角度成分を読み込むとうまく機能しません。開発と生産の両方にawesome-typescript-loaderとangular2-template-loaderを使用してみることができます。