無法掛載組件：使用 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- 僅運行時