无法挂载组件：使用 vue-c3

Question

我尝试使用 https://www.npmjs.com/package/vue-c3 在 vue 中渲染我的 c3 图表。它在前一段时间工作，但现在它开始提供（在 VueC3 中）：

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

即使使用教程中的代码：

<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>

我该如何解决这个问题？

Answer 1

如果从 'vue' 导入 Vue；您得到的是无法编译模板的运行时构建，因此您需要独立构建，这里有一个小教程解释了这一点：https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only

Answer 2

我遇到了同样的问题。就我而言，该错误似乎是在将 vue-c3 软件包升级到其最新版本（撰写本文时为 v1.2.5）后引入的。

我做的是在package.json暂时坚持我们以前的版本（v1.1.1）（直到修复）：

{ "vue-c3": "1.1.1" }

又开始工作了。

无法挂载组件：使用 vue-c3

Failed to mount component: using vue-c3

javascript

vue.js

c3.js