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 --savedrawflow.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.