Node-vibrant: TypeError: CreateListFromArrayLike llamado en un no objeto

Creado en 18 abr. 2020 · 5Comentarios · Fuente: Vibrant-Colors/node-vibrant

Usando ReactJS (^ 16.13.0) y npm.
Pasó por otros problemas, asegúrese de hacer npm install --save-dev worker-loader después de npm install [email protected] pero el error no se resolvió. El único error que se resolvió fue el error this.WorkerClass is not a constructor mencionado en # 85.

La consola registra esta línea varias veces:
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage

Curiosamente,
let v = new Vibrant(IMG); console.log(v); registra un objeto Vibrant con result (...), _src y opts, pero los errores persisten.

Fuente

catusmagnus

👍3

Comentario más útil

Gracias, volver a ^ 3.1.6 funcionó para mí.

gieoon en 30 ene. 2021

👍2

Todos 5 comentarios

Recibí el mismo error dentro de mi proyecto angular 10.
Volví a la versión 3.1.4 y con sombrero funciona.

a1development en 16 oct. 2020

🎉1

Lo mismo en mi proyecto Vue.
Vibrante: 3.2.1.alpha-1
Ver: 2.6.12

CAT6e en 1 dic. 2020

Pude replicar este problema en React 17.0.1. Volver a ^3.1.4 (¡gracias @ a1development!) O ^3.1.6 soluciona el problema.
Mi enfoque se ve así:

export const getColorPaletteFromBase64 = (base64String: string): Promise<Palette> => {
  return new Promise((resolve, reject): void => {
    const img = document.createElement('img');

    img.src = base64String;
    img.addEventListener(
      'load',
      async (): Promise<void> => {
        const vibrant = new Vibrant(img);
        const palette = await vibrant.getPalette();

        resolve(palette);
      },
    );
  });
};

^3.1.6 incluye definiciones de tipo. ¡Usa este en su lugar!

rubixfr00b en 3 ene. 2021

❤2

Gracias, volver a ^ 3.1.6 funcionó para mí.

gieoon en 30 ene. 2021

👍2

Recibí el mismo error dentro de nuxt.js pasó de "node-vibrante": "^ 3.2.1-alpha.1", a "node-vibrante": "3.1.6" ,. Esto pareció solucionar este problema. Gracias a todos los de arriba.