マウントされたフックでFIGウェインエラーを使用したハイチャート与えられたソリューション： 'エラー：ハイチャートエラー＃17：missingModuleFor：venn（詳細な手順）

Highcharts Using Fig Wayne Error Mounted Hook Given Solution

それ以来、vueプロジェクトはウェインマップを使用して、ハイチャートの手順に従いたいと思っています。

1、npm install highcharts --save

2.コンポーネントを作成します

 // imports highCharts module import HighCharts from 'highcharts' export default { name: 'vennCharts', props: { id: { type: String }, option: { type: Object } }, mounted() { HighCharts.chart(this.id, this.option) } } 

3、次に目的のページ、コンポーネントの紹介

 import XChart from './../components/vennCharts' export default { name: 'HelloWorld', data() { return { id: 'test', option: { series: [{ type: 'venn', name: 'The Unattainable Triangle', data: [{ sets: ['Good'], value: 2 }, { sets: ['Fast'], value: 2 }, { sets: ['Cheap'], value: 2 }, { sets: ['Good', 'Fast'], value: 1, name: 'More expensive' }, { sets: ['Good', 'Cheap'], value: 1, name: 'Will take time to deliver' }, { sets: ['Fast', 'Cheap'], value: 1, name: 'Not the best quality' }, { sets: ['Fast', 'Cheap', 'Good'], value: 1, name: 'They're dreaming' }] }], title: { text: 'The Unattainable Triangle' } } } }, components: { XChart } } 

4、プロジェクトを開始した後、エラーが見つかります

5、長い間探していたインターネットはこれを解決する方法を言いませんでした、そして彼女自身で、このベンが間違いなくこのベン関連のjsを見逃すことはありませんが、あなたは紹介する方法がわかりません、そしてあなたは見つけるためにhighchartsdドキュメントに行くことができます見つからないようです https://www.highcharts.com.cn/docs/highcharts-vue このドキュメントの中には、彼が他のパッケージをインポートする方法があることがわかります。私たちのjsウェインダイアグラムはインポートできるようなものではなく、そのようなjsがないことを知らないだけです。

6、それから私はハイチャートAPIドキュメントに行き、それから彼のシリーズに行き、ベンタイプのドキュメントケースが見つかりませんでした、私はこれがそうではないと思いますか？

7なので、最新のドキュメントを見つけて、このタイプ内にあるシリーズ属性を探し続けます。

8、ウェインが選択したマップのソースコードを編集する例を見つけると、彼はjsがvenn.jsであることがわかります。したがって、venn.jsを使用できるようになったとき、私はこのようではありませんでした。

9、使用後の最終アセンブリでvenn.jsに導入することができます

import venn from 'highcharts/modules/venn' venn(HighCharts)