• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

405
Vistas
Error de lanzamiento de Nuxt: TypeError no detectado: no se puede llamar a una clase como una función

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:

  1. Instale el drawflow de dibujo usando npm i drawflow --save
  2. Cree un archivo drawflow.js en la carpeta de plugins y agregue el código:
 import Vue from 'vue' import Drwaflow from 'drawflow' Vue.use(Drwaflow)
  1. Modifique el archivo nuxt-config.js y agregue el plugin y cree:
 plugins: [ { src: "~/plugins/drawflow", mode:"client" } ], build: { transpile: ["drawflow"] },
  1. My 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?

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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.

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda