Error al redimensionar con el layout dorado: No se puede leer la propiedad 'appendChild' de null
Después de iniciar/renderizar puedes usar el simple 'querySelector' y mover el DOM a donde necesites, pero de nuevo, espero que no vuelvas a renderizar cosas manualmente
Lee la respuesta completa abajo ↓Pregunta
'index.js:129 Uncaught TypeError: No se puede leer la propiedad 'appendChild' de null en Object.postRender (index.js:129) a las index.js:757 en Array.forEach (<anonymous>) en r.<anonymous> (index.js:756) a M (backbone.js:368) en V (backbone.js:356) en h (backbone.js:155) en R.C. Trigger (backbone.js:346) en renderBody (CanvasView.js:263) at I (underscore.js:762)'
Respuestas (3)
Después de iniciar/renderizar puedes usar el simple 'querySelector' y mover el DOM a donde necesites, pero de nuevo, espero que no vuelvas a renderizar cosas manualmente
@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre
@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre
/**
* Inicializar módulo. Llamada automáticamente con una nueva instancia del editor
* @param {Object} config Configuraciones
* @return {esto}
* @private
*/
`
init(conf = {}) {
c = {
... Defaults,
... Conferencia
};
const em = c.em;
const ppfx = c.pStylePrefix;
this.em = em;
si (ppfx) {
c.estiloPrefijo = ppfx + c.estiloPrefijo;
}
this.selectorTags = nuevo ClassTagsView({
collection: new Selectors([], { em, config: c }),
Configuración: C
});
Contenedor global de selectores
selectores = nuevos selectores (c. selectores);
selectors.on('add', model => em.trigger('selector:add', model));
selectors.on('remove', model => em.trigger('selector:remove', model));
selectors.on('change', model =>
em.trigger(
'selector:actualización',
modelo,
model.previousAttributes(),
model.changedAttributes()
)
);
em.on('change:state', (m, value) => em.trigger('selector:state', value));
devuelvo esto;
},
postRender() {
const elTo = this.getConfig().appendTo;
if (elTo) {
const el = isElement(elTo) ? elTo: document.querySelector(elTo);
el.appendChild(this.render([])); Este error de línea
}
},
select(value, opts = {}) {
objetivos const = Array.isArray(valor) ? valor : [valor];
const toSelect = this.em.get('StyleManager').setTarget(targets, opts);
const res = toSelect
.filter(i => i)
.map(sel =>
isComponent(sel)
? SEL
: isRule(sel) & & !sel.get('selectorsAdd')
? SEL
: sel.getSelectorsString()
);
this.selectorTags.componentChanged({ targets: res });
devuelvo esto;
},`
! [imagen](https://user-images.githubusercontent.com/6602723/73726047-a2ff4d00-4769-11ea-887c-9e3d2d71ed51.png)
'index.js:129 Uncaught TypeError: No se puede leer la propiedad 'appendChild' de null
en Object.postRender (index.js:129)
a las index.js:757
en Array.forEach (<anonymous>)
en r.<anonymous> (index.js:756)
a M (backbone.js:368)
en V (backbone.js:356)
en h (backbone.js:155)
en R.C. Trigger (backbone.js:346)
en renderBody (CanvasView.js:263)
at I (underscore.js:762)
postRender @ index.js:129
(anónimo) @ index.js:757
(anónimo) @ index.js:756
M @ backbone.js:368
V @ backbone.js:356
H @ backbone.js:155
c.trigger @ backbone.js:346
renderBody @ CanvasView.js:263
I @ underscore.js:762
(anónimo) @ underscore.js:775
(anónimo) @ underscore.js:122
(anónimo) @ jquery.min.js:2
Es decir, @ jquery.min.js:2
Añadir @ jquery.min.js:2
addChild @ goldenlayout.min.js:2
_$onDrop @ goldenlayout.min.js:2
_onDrop @ goldenlayout.min.js:1
emit @ goldenlayout.min.js:1
onMouseUp @ goldenlayout.min.js:1
I @ jquery.min.js:2
Dispatch @ jquery.min.js:2
v.handle @ jquery.min.js:2
Carga (ASINCRÓNICO)
render @ CanvasView.js:488
render @ index.js:251
render @ EditorView.js:30
render @ index.js:761
Init @ index.js:78
init_gjs @ main.js:5
(anónimo) @ jspanel.js:90
emit @ goldenlayout.min.js:1
Init @ goldenlayout.min.js:1
e @ jquery.min.js:2
T @ jquery.min.js:2
setTimeout (asincrónico)
(anónimo) @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
Fire @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
Listos @ jquery.min.js:2
B @ jquery.min.js:2'Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3476
TypeError: No se puede leer la propiedad 'querySelector' de null
<img width="1172" alt="Captura de pantalla 2021-05-24 at 6 55 23 PM" src="https://user-images.githubusercontent.com/55732888/119354444-b8cb...
Issue #3575
grapes.min.js:2 Uncaught TypeError: No se puede leer la propiedad 'longitud' de indefinido
Me salió este error al añadir el <iframe src="https://app.conversiobot.com/boot/fvMEvO" width="100%" height="500" frameBorder="0" permitido...
Issue #2498
[Bug] Error al intentar mover celda desde la fila.
El bug #2478 tras su lanzamiento sigue existiendo. Repite los pasos y obtendrás el error Uncaught TypeError: No se puede leer la propiedad...
Issue #3186
Redimensionar con porcentaje
Hola, hay un error con el redimensionamiento de los elementos cuando sus tamaños se ajustan con porcentaje: ! simplescreenrecorder-2020-12-...
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
GJS Market 2.0 - Donations, Tracking, Labels and Better Product Discovery
We’ve rolled out a new set of GrapesJS marketplace updates across GJS Market, focused on improving how creators distribute products
Tutorial
Integrating GrapesJS into a Vue 3 App — Complete Guide for 2026
Build a Vue 3 landing page builder with GrapesJS and Vite. Custom blocks, composables, remote storage, TypeScript & production tips. Updated for 2026.
Tutorial
How to Build a Drag-and-Drop Page Builder in Angular Using GrapesJS (Step-by-Step Guide + Code)
Build a visual drag-and-drop page builder in Angular with GrapesJS. Learn setup, plugins, and backend saving in this full code guide.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.