Ionic 2- ng2-chartjs2可以在浏览器上运行，但不能在设备上运行

Question

我已经设法在我的ionic2应用程序中实现ng2-chartjs2。当我在浏览器上运行它时(即ionic serve或ionic run android -l -c)，但当我在设备上尝试它时(即ionic run android)，它只是显示一个空白页面。

我已经上传了工作样例项目在我的repo这里

任何帮助都会很感激。谢谢。

还在等待有人来解决这个问题。

Answer 1

这里的问题是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) && 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>(注意:将图表更改为图表)。

祝你好运!