Блог

Мне удалось реализовать ng2-chartjs2 в моем приложении ionic2. Он отлично работает, когда я запускаю его в браузере (т. Е. ionic serve или ionic run android -l -c), но когда я попробовал его на устройстве (т. Е. ionic run Android), он просто показывает пустую страницу.

Я загрузил рабочий образец проекта в свой репозиторий здесь

Любая помощь была бы оценена. Спасибо.

Все еще ожидаю, что кто-нибудь устранит эту проблему.

Ну, проблема здесь в том, что Chart.bundle.js не соответствует ожидаемому пути в сборке Android.

Добавьте это:

 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) amp;amp; fs.existsSync(destdir)) {
          fs.createReadStream(srcfile).pipe(
              fs.createWriteStream(destfile));
        }
      });
    });

  }
}
  

В конце вашего hooks -> after_prepare -> 010_add_platform_class.js , затем измените ссылку на скрипт внутри вашегоindex.html на <script src="assets/libs/Chart.bundle.js"></script> (примечание: изменен график для диаграммы).

Удачи!