El método destroy() no eliminó completamente los eventos
Estoy de acuerdo en que esto debe reabrirse y arreglarse dentro de la función de destrucción.
Lee la respuesta completa abajo ↓Pregunta
Versión: Última: V-0.16.3.
importante: Actualiza de la v-0.15.9 a la v-0.16.3 mientras mantienes todo igual, el error aparecerá en consola:
ErrorTipoUncatch: No se puede leer la propiedad 'frameElement' de null
en r.getFrameOffset (grapes.min.js?a826:formatted:28973)
en r.getElementPos (grapes.min.js?a826:formatted:28985)
en r.getElementPos (grapes.min.js?a826:formatted:13792)
en r.updateLocalPos (grapes.min.js?a826:formatted:13444)
en r.onFrameUpdated (grapes.min.js?a826:formatted:13396)
at I (grapes.min.js?a826:formatted:554)
en la evaluación (grapes.min.js?a826:formatted:566)
en la evaluación (grapes.min.js?a826:formatted:129)
....
Este error muestra que hay un error en la función 'getFrameOffset', cerca de la posición: 'e.ownerDocument.defaultView.frameElement':
...
clearOff: function() {
this.frmOff = null,
this.cvsOff = null
},
getFrameOffset: function(e) {
if (!this.frmOff || e) {
>>> var t = e ? e.ownerDocument.defaultView.frameElement : this.frame.el;
this.frmOff = this.offset(t)
}
devuelvo esto.frmOff
},
getCanvasOffset: function() {
return this.cvsOff || (this.cvsOff = this.offset(this.el)),
this.cvsOff
}
...
Consulte Esta línea de código
Comprobar la pila de errores rastreará Esta línea de código
Esperado: no se ha reportado error. Impacto: No obtengo impacto negativo específico, solo muestro el error. Reproducir: Yo integro con Vue uso + webpack, difícil de reproducir realmente, para depurar esto probablemente comprueba:
- simplemente añadir cadena de control para evitar 'TypeError':
antes: var t = e ? e.ownerDocument.defaultView.frameElement : this.frame.el;
después: var t= (e & & e.Documentopropietario&& e.propietarioDocumento.defaultView && e.propietarioDocumento.defaultView.frameElement) || this.frame.el;
- si este 'frameElement' es necesario, en qué condición faltará y entonces causará error.
Respuestas (3)
Estoy de acuerdo en que esto debe reabrirse y arreglarse dentro de la función de destrucción.
¡Gracias@artf! 🙏
Gracias por el informe @wemod123 ¿Puedes crear una demo en directo reproducible del problema?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2771
[BUG] componente con textable:1 no funciona desde la versión 0.16.12
Hola, Acabo de actualizar a la versión de Last 0.16.12 y tengo un error al intentar mover un componente que tiene la propiedad 'textable:1'...
Issue #2044
El desarrollo de npm en un servidor local no funcionó
Hice el procedimiento para iniciar el servidor local usando la rama 'dev' tal y como se describe en README, funcionó en la consola, pero fa...
Issue #1224
[Bug] Problemas con la consulta de medios y el renderizado de clases
Hola, Intentaba hacer un diseño responsivo, pero descubrí que el conmutador de dispositivos no funciona de forma consistente. El problema p...
Issue #2824
¿Los objetos arrastrados no se posicionan con la resistencia inicial?
Así que cuando arrastro un componente o objeto desde la barra hasta el centro, no va a donde le dije... ¿Siempre va aproximadamente un 20%...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.