4

アプリケーションに ng2-datepicker モジュールを含めたいです。readmeファイルに記載されているように、次のことを試しました。

npm install ng2-datepicker --save

systemjs.config.js ファイルを次のように変更しました。

.map {
 'ng2-datepicker': 'npm:ng2-datepicker',
       'moment': 'npm:moment/moment.js'
}
  'ng2-datepicker': {
          format: 'register',
        defaultExtension: 'js'
      }

index.html に次の行を追加しました。

<script src="node_modules/moment/moment.js"></script>

app.module.ts に次の行を追加しました

  import { DatePicker } from 'ng2-datepicker/ng2-datepicker';
declarations: [ AppComponent ,
                DatePicker]

アプリケーションをロードすると、次のエラーが発生します。

Error: ReferenceError: require is not defined
        at eval (http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js:2:24)
        at eval (http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js:7:3)
        at ZoneDelegate.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:203:28)     
           Evaluating http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js   
           Error loading http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js as "ng2-datepicker/ng2-datepicker" from http://localhost:3000/app/app.module.js
4

2 に答える 2

1

別のコンパイラを使用する場合があります。しかし、私の場合、それは私のマップ定義です:

var map = {
   ...
   'ng2-datepicker':               'app-ui/node_modules/ng2-datepicker',
   'moment':                       'app-ui/node_modules/moment',
   ... 
};

私はsystem.jsを使用しており、moment.jsが私のために行ったことなくマッピングしています。

于 2016-10-08T02:56:08.310 に答える