8

管理パネルを作成するための開始点としてaspnetcore-spa テンプレートを使用します。次に、PrimeNGライブラリを追加して、そのコンポーネントを使用します。

残念ながら、ButtonModule を app.module.ts にインポートして更新すると、「イベントは未定義です」というエラーが表示されます。数日間原因が分からないので、誰か助けてくれませんか?

アップデート

  • まず、スタブを生成しますyo aspnetcore-spa
  • 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 にインポートします。

アプリを起動すると、例外が発生します エラー ページ: ReferenceError: イベントが定義されていません

このコード断片への例外ポイント

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

更新 2

問題がサーバー側のレンダリングにあることがわかったので、それを削除しました。それは私にとってはうまくいきますが、サーバー側のレンダリングを有効にせずにこれを解決する方法はまだ興味深いです.

4

3 に答える 3