vuejs empty canvas

[charterchap]

I'm trying to get the ColorTween example to load using vuejs. All I get is an empty canvas with the background color set. No animation or shapes seem to load and I don't see any errors. Anyone have any suggestions?

<template>
    <canvas id="stage" width="550" height="400"></canvas>
</template>

<script>
  import * as PIXI from 'pixi.js' // version 4.8.6
  const animate = require('pixi-animate');
  const ct = require("./colortween/ColorTween.js");

  export default {
    data() {
      return {};
    },
    mounted(){
        var scene = new PIXI.animate.Scene(550, 400, {
                view: document.getElementById("stage"),
                backgroundColor: 0x000000,
                antialias: true
            });
        scene.load(ct.library.ColorTween);
    }
  }
</script>

[andrewstart]

I don't know that I can offer help fixing it, but you could get a little more info by adding a callback for load() - it would be helpful to know if the load thinks it is finishing, or if it is just silently waiting forever. Your browser may also be able to tell you when network requests start. It would be odd, but potentially possible that the Scene never asks to load any additional files (assuming there are additional files - I don't know what is produced when publishing that file).

[charterchap]

Looks like the callback is going through just fine. I am starting to run out of ideas.