angular - asp.net 核心， Angular 2，PrimeNG

Question

我使用 aspnetcore-spa template作为创建管理面板的起点。接下来我添加 PrimeNG库来使用它的组件。

不幸的是，当我导入 ButtonModule 到 app.module.ts 并刷新时，我收到错误“事件未定义”。弄了好几天都不知道是什么原因，请问有大神能帮帮我吗？

更新

• 所以首先我用 yo aspnetcore-spa
生成 stub
• 下一步 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'
  ]
  

• 重建 vendor 依赖项webpack --config webpack.config.vendor.js

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

现在，如果我启动应用程序，我会得到异常

这段代码的异常点

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

更新 2

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

Answer 1

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

<app>Loading...</app>

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

改变

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

到

<app>Loading...</app>