Question

我使用SPA模板创建了一个应用程序。 Angular应用程序正在使用用户界面的primeng组件。为了运行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组件都有这个错误。

Answer 1

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

根据我的经验，@ngtools/webpack在加载某些第三方角度组件方面效果不佳。您可以尝试使用awesome-typescript-loader和angular2-template-loader进行开发和制作。

使用Angular 4.2.5发布Webpack错误

1 个答案: