2016-10-20 11 views
1

ionic2アプリケーションでng2-chartjs2を実装できました。ブラウザ(イオン性サーブやイオンランニングアンドロイド-l -c)で実行すると完全に機能しますが、デバイス(イオン性のアンドロイド)で試してみると、単に空白のページが表示されます。Ionic 2 - ng2-chartjs2はブラウザでは動作しますが、デバイスでは動作しません

私はワーキングサンプルプロジェクトin my repo here

任意の助けをいただければ幸いにアップロードしました。ありがとう。

まだ誰かがこの問題を解決すると考えています。

答えて

2

ここでの問題は、Chart.bundle.jsがアンドロイドビルドの予想されるパスにないことです。そして、あなたのhooks -> after_prepare -> 010_add_platform_class.jsの終わりに

var availablePlatforms = (process.env.CORDOVA_PLATFORMS ? process.env.CORDOVA_PLATFORMS.split(',') : []); 

var filestocopy = [ 
    {"src/assets/libs/Chart.bundle.js": "platforms/android/assets/libs/Chart.bundle.js"} 
]; 

for(var x=0; x<availablePlatforms.length; x++) { 

    var currentPlatform = availablePlatforms[x].trim().toLowerCase(); 

    if (currentPlatform == 'android') { 
    filestocopy.forEach(function(obj) { 
     Object.keys(obj).forEach(function(key) { 
     var val = obj[key]; 
     var srcfile = path.join(rootdir, key); 
     var destfile = path.join(rootdir, val); 
     var destdir = path.dirname(destfile); 
     if (fs.existsSync(srcfile) && fs.existsSync(destdir)) { 
      fs.createReadStream(srcfile).pipe(
       fs.createWriteStream(destfile)); 
     } 
     }); 
    }); 

    } 
} 

をごindex.htmlをから<script src="assets/libs/Chart.bundle.js"></script>の内部スクリプト参照変更:

これを追加します(:変更チャートチャートのためのメモを)。

幸運を祈る!

+0

パーフェクト@camaron。再度、感謝します。 –

+0

私にもこの問題があります。あまりにも私は仕事に挑戦することはできません。それはイオスで動作するか、あなただけがアンドロイドのために試してみましたか? – Mukus

+0

私はこれを試しましたが、正しくコピーされても動作しません。 letestocopy_ios = [ {"src/assets/libs/Chart.bundle.js": "プラットフォーム/ ios/www/libs/Chart.bundle.js"} ]; – Mukus

関連する問題