2017-04-16 27 views
1

Ionic 2に外部jsライブラリをインポートしようとしています。 ノードモジュールにはモーメントモジュールが保存されていますが、Webパックはプロジェクトディレクトリに含まれていないようです。私は私のブラウザで見たとき、私は、イオンが、それはのように私のブラウザに表示されないのビルドがした瞬間は、私のnose_modulesにインストールされているIonic2外部Jsファイルをインポートする

enter image description here

<body> 

    <!-- Ionic's root component and where the app will load --> 
    <ion-app></ion-app> 

    <!-- The polyfills js is generated during the build process --> 
    <script src="build/polyfills.js"></script> 

    <!-- The bundle js is generated during the build process --> 
    <script src="build/main.js"></script> 

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

</body> 

しかし、それは、ノードモジュールに含まれていませんファイル

私はIonic 2とAngular 2を使用しています。モジュールやWebパックを使ってどのようにこれを行うのか分かりますか?ここで

**編集** はあなただけで、以下のように実行する必要があり、TSページクラス

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 
import { User } from '../../models/user'; 
import { Users } from '../../providers/users'; 
import moment from 'moment'; 


@Component({ 
    selector: 'page-profile', 
    templateUrl: 'profile.html' 
}) 
export class ProfilePage { 

    userId: number; 
    user: User; 

    getAge =() => { 
     if (this.user) { 
      return moment().diff(this.user.birthday, 'years'); 
     } 
    } 

    constructor(public navCtrl: NavController, public navParams: NavParams, private usersProvider: Users) { 

     this.userId = navParams.get('userId'); 

     usersProvider.get(this.userId).subscribe(user => { 
      this.user = user; 
      console.log(user) 
     }); 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad ProfilePage'); 
    } 
} 

答えて

1

です。特別なことをする必要はありません。

official doc hereをご覧ください。例えば

npm install moment --save 

.TS

import moment from 'moment'; 

let month = moment(date).format('MMMM');

+0

私のプロジェクトは、絵 –

+0

に示すように、それはnode_modulesパスに自分のファイルを無視して構築したときにちょうどあなたの全ノードモジュールフォルダを削除し、その後助けにはならなかった。この 'NPMのi' – Sampath

+0

を行いますファイルは既に存在していますが、ノードからは配信されていません。 –

関連する問題