Issue #2545💬 RespondidoAbierto el 3 de febrero de 2020por ElvincthReacciones 1

Error al redimensionar con el layout dorado: No se puede leer la propiedad 'appendChild' de null

Respuesta rápidapor artf1

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

! ezgif com-vídeo-a-gif

'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)

artf5 de febrero de 2020

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

artf4 de febrero de 2020

@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre

Elvincth4 de febrero de 2020

@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre

Fragmento de códigoTEXT
/**
     * 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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.