Включение Treant. js в приложение Vue. js - PullRequest
Новая
       23

Включение Treant. js в приложение Vue. js

1 голос
/ 20 января 2020

Я пытаюсь включить библиотеку Treant. js в мое приложение Vue, чтобы сгенерировать древовидную диаграмму из объекта данных JSON. Вот мои операторы импорта в моем главном представлении ... 

import Vue from "vue"
import store from "../../store"
import { getWebSocket } from "../../services/util.js"
import '../../assets/css/Treant.css'
import '../../assets/scripts/raphael'

var Treant = require("../../assets/scripts/Treant")

, и здесь я пытаюсь вызвать конструктор Treant (this.localTrace.route является объектом JSON) ... 

  var tree = new Treant(this.localTrace.route, function() {alert('Tree Loaded')})

Когда я пытаюсь запустить страницу, я получаю сообщение об ошибке «Treant не конструктор», и приложение не может построить дерево.

CONVERSELY

Я попытался импортировать библиотеку глобально в мой основной файл. js, например, так ... 

import "./assets/scripts/raphael"
import "./assets/scripts/Treant"

Когда я делаю это таким образом, Vue может попасть в Treant. js код, но затем выдает мне эту ошибку вместо 

this._R.setSize is not a function
at Tree.handleOverflow (Treant.js?e3b3:842)
at Tree.positionNodes (Treant.js?e3b3:768)
at Tree.positionTree (Treant.js?e3b3:512)
at new Treant (Treant.js?e3b3:2164)

Есть мысли о том, как заставить это работать?

...