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

【问题标题】：Failed to mount component: using vue-c3无法挂载组件：使用 vue-c3
【发布时间】：2018-10-30 15:24:55
【问题描述】：

我尝试使用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>

我该如何解决这个问题？

【问题讨论】：

您的代码看起来不错。能否提供完整的错误日志？
[Vue 警告]：无法挂载组件：未定义模板或渲染函数。在 ---> at static/components/PersonMentionsTimetable.vue at static/components/PersonProfile.vue at static/components/test.vue

标签： javascript vue.js c3.js

【解决方案1】：

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

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

{ "vue-c3": "1.1.1" }

又开始工作了。

【讨论】：

【解决方案2】：

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

【讨论】：

更新 webpack 以从 esm.js 解析对我不起作用。