Webpack 오류 on Angular 4.2.5를 사용하여 게시

Question

SPA 템플릿으로 앱을 만들었습니다. Angular 앱은 UI에 primeng 구성 요소를 사용하고 있습니다. 부트 스트랩을 얻으려면 fontawesome 및 primeng 테마를 실행하여 nonTreeShakableModules 배열에 CSS 파일을 추가 할 수 있도록 webpack --config webpack.config.vendor.js을 실행했습니다. 내가 게시 할 때까지 모든 것이 작동하는 것 같습니다.

나는 내가 사용하는 모든 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 코어 2.0/각도 템플릿은 개발 및 생산을 위해 awesome-typescript-loader 및 angular2-template-loader 및 프로덕션에서 @ngtools/webpack의 다양한 typescript 로더를 사용하기 때문에 이러한 문제가 발생할 수 있습니다.

제 경험상 @ngtools/webpack은 제 3 자 각 구성 요소를로드하는 데 적합하지 않습니다. 개발 및 프로덕션 모두에 awesome-typescript-loader 및 angular2-template-loader을 사용해 볼 수 있습니다.