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

Question

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

“vue.runtime.esm.js?ff9b:587 [Vue 警告]：无法挂载组件：未定义模板或渲染函数。”

即使使用教程中的代码：

<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-c3 包升级到其最新版本（撰写本文时为 v1.2.5）之后引入了该错误。

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

{ "vue-c3": "1.1.1" }

并再次工作。

Answer 2

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