asp.net 核心、角度 2、PrimeNG

I use aspnetcore-spa 模板 https://www.npmjs.com/package/generator-aspnetcore-spa作为创建管理面板的起点。 接下来我添加PrimeNG http://www.primefaces.org/primeng/#/setup库来使用它的组件。

不幸的是，当我将 ButtonModule 导入到 app.module.ts 并刷新时，我收到错误“事件未定义”。我搞了好几天都搞不懂是什么原因，谁能帮帮我？

UPDATE

• 所以首先我生成存根yo aspnetcore-spa
• Next npm install font-awesome primeng --save

• 然后我将 font-awesome 和 PrimeNG css 文件添加到webpack.config.vendor.js

   vendor: [
      '@angular/common',
      '@angular/compiler',
      '@angular/core',
      '@angular/http',
      '@angular/platform-browser',
      '@angular/platform-browser-dynamic',
      '@angular/router',
      '@angular/platform-server',
      'angular2-universal',
      'angular2-universal-polyfills',
      'bootstrap',
      'bootstrap/dist/css/bootstrap.css',
      'es6-shim',
      'es6-promise',
      'event-source-polyfill',
      'jquery',
      'zone.js',            
      'font-awesome/css/font-awesome.css',
      'primeng/resources/themes/sunny/theme.css',
      'primeng/resources/primeng.css'
  ]
  

• 重建供应商依赖关系webpack --config webpack.config.vendor.js

• 然后我将 ButtonModule 导入到 app.module.ts

Now if I start the app I'll get exception

异常指向这段代码

 __decorate([
    core_1.HostListener('mouseenter', ['$event']), 
    __metadata('design:type', Function), 
    __metadata('design:paramtypes', [Event]), 
    __metadata('design:returntype', void 0)

UPDATE 2

我发现问题出在服务器端渲染中，所以我将其删除。它对我有用，但如何在不打开服务器端渲染的情况下解决这个问题仍然很有趣。

<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>

<app>Loading...</app>

您需要从服务器端的index.cshtml 禁用预渲染。

change

<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>

to

<app>Loading...</app>