Estoy usando la biblioteca drawflow
npm en mi aplicación Vuejs/Nuxtjs
pero cuando inicio la aplicación aparece el siguiente error en mi consola:
classCallCheck.js:3 Uncaught TypeError: Cannot call a class as a function at _classCallCheck (classCallCheck.js:3)
Los siguientes son los pasos que he seguido según la documentación:
drawflow
de dibujo usando npm i drawflow --save
drawflow.js
en la carpeta de plugins
y agregue el código: import Vue from 'vue' import Drwaflow from 'drawflow' Vue.use(Drwaflow)
nuxt-config.js
y agregue el plugin
y cree: plugins: [ { src: "~/plugins/drawflow", mode:"client" } ], build: { transpile: ["drawflow"] },
Vue Component
tiene la siguiente función Mounted
: async mounted () { const vm = this if (process.browser) { const Drawflow = await require('drawflow') // const styleDrawflow = await require('drawflow/dist/drawflow.min.css') Vue.use(Drawflow) const id = document.getElementById('drawflow') console.log(id) vm.editor = new Drawflow(id, Vue, vm) vm.editor.start() } }
No entiendo lo que está mal aquí. No se pudo encontrar ninguna publicación relevante para Nuxt
. ¿Alguien puede explicar qué está mal con este código?
Incluso si esta pregunta pudiera funcionar con más trabajo, al final, OP quiere que funcione localmente.
La solución para este caso de uso está disponible aquí y funciona desde mi punto de vista.
Por lo tanto, no recomiendo tomar la ruta de los complementos para evitar que esté disponible en todo el SPA a nivel mundial.