Vue.js - Webpack経由でチャートコンポーネントを登録する

Question

私はVue.jsアプリを持っています。私はvue-chartsパッケージを使用しようとしています。私は私のindex.jsのチャートモジュールをインポートしてることは、このようなファイル：

<template> 
    <div class="page"> 
    <h2>Hello</h2> 

    <chartjs-line></chartjs-line> 
    </div> 
</template> 

<script> 
    export default { 
     data() { 
      return {}; 
     } 
    }; 
</script> 

言葉は「こんにちは」に表示されます。

import chartJS from 'chart.js'; 
import VueCharts from 'hchs-vue-charts'; 
Vue.use(VueCharts); 

その後、私のindex.vueファイルで、私は以下の持っていますちょうど良い。そのため、私は自分のアプリが正しくマウントされていることを知っています。ただし、グラフは表示されません。 devtoolsのウィンドウを見ると、次のエラーが表示されます。

不明なカスタム要素 - コンポーネントを正しく登録しましたか？再帰的なコンポーネントの場合、 "name"オプションを指定してください。

私がVue.useと呼んだとき、コンポーネントが登録されると仮定しました。しかし、私は明らかに間違っています。しかし、私は何がわからない。 1つのファイルコンポーネントでvue-chartsコンポーネントを使用するにはどうすればよいですか？

Answer 1

How to use in vue components of webpack?に基づくと、vue-chartsのように見えますが、ウェブパックのインポートを完全にサポートしていないため、window.VueChartsで参照する必要があります。

import 'chart.js'; 
import 'hchs-vue-charts'; 

Vue.use(window.VueCharts);