Skip to content
Advertisement

Failed to mount component: using vue-c3

I tried using https://www.npmjs.com/package/vue-c3 for rendering my c3 charts in vue. It worked some time ago, but now it started giving (in VueC3):

“vue.runtime.esm.js?ff9b:587 [Vue warn]: Failed to mount component: template or render function not defined.”

even when using a code from a tutorial:

<template>
 <div>
  <vue-c3 :handler="handler"></vue-c3>
 </div>
</template>

<script>
 import Vue from 'vue'
 import VueC3 from 'vue-c3'

 export default {
  name: ...,
  components: {
   VueC3
  },

  data () {
    return {
    handler: new Vue()
   }
  }
}
</script>

How can I fix this?

Advertisement

Answer

I faced the same exact problem. In my case it seems the bug was introduced after upgrading vue-c3 package to its latest version (v1.2.5 at the time of writing).

What I did was to temporarily stick to our previous version (v1.1.1) in package.json (until it is fixed):

{ "vue-c3": "1.1.1" }

and worked again.

User contributions licensed under: CC BY-SA
5 People found this is helpful
Advertisement