Erreurs Webpack lors de la publication à l'aide d'Angular 4.2.5

Question

J'ai créé une application avec les modèles SPA. L'application Angular utilise les composants primeng pour l'interface utilisateur. Afin d'obtenir les thèmes bootstrap, fontawesome et primeng, j'ai couru webpack --config webpack.config.vendor.js afin que je puisse ajouter les fichiers css au tableau nonTreeShakableModules. Tout semble fonctionner jusqu'à ce que je publie.

Lorsque je tente de publier, j'obtiens l'erreur suivante

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 

Je cette erreur pour chaque composant primeng qui est utilisé.

Answer 1

Vous pourriez rencontrer ce parce que le noyau ASP.NET 2.0/modèle angulaire utilise différents chargeurs dactylographiées pour le développement et la production: awesome-typescript-loader et angular2-template-loader dans le développement et la production @ngtools/webpack. Selon mon expérience, @ngtools/webpack ne fonctionne pas bien avec le chargement de certains composants angulaires tiers. Vous pouvez essayer d'utiliser awesome-typescript-loader et angular2-template-loader pour le développement et la production.