Node-vibrant: TypeError: CreateListFromArrayLike chamado em não objeto

Criado em 18 abr. 2020 · 5Comentários · Fonte: Vibrant-Colors/node-vibrant

Usando ReactJS (^ 16.13.0) e npm.
Passou por outros problemas, certifique-se de fazer npm install --save-dev worker-loader após npm install [email protected] mas o erro não foi resolvido. O único erro resolvido foi o erro this.WorkerClass is not a constructor mencionado em # 85.

O console registra esta linha várias vezes:
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage

Interessantemente,
let v = new Vibrant(IMG); console.log(v); registra um objeto Vibrant com resultado (...), _src e opts - mas os erros persistem.

Fonte

catusmagnus

👍3

Comentários muito úteis

Obrigado, reverter para ^ 3.1.6 funcionou para mim.

gieoon em 30 jan. 2021

👍2

Todos 5 comentários

Recebi o mesmo erro dentro do meu projeto angular 10.
Voltei para a versão 3.1.4 e com isso funciona.

a1development em 16 out. 2020

🎉1

O mesmo no meu projeto Vue.
Vibrando: 3.2.1.alpha-1
Visualização: 2.6.12

CAT6e em 1 dez. 2020

Conseguiu replicar esse problema no React 17.0.1. Reverter para ^3.1.4 (obrigado @ a1development!) Ou ^3.1.6 corrige o problema para mim.
Minha abordagem é assim:

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 inclui definições de tipo. Use este!

rubixfr00b em 3 jan. 2021

❤2

Obrigado, reverter para ^ 3.1.6 funcionou para mim.

gieoon em 30 jan. 2021

👍2

Eu estava recebendo o mesmo erro no nuxt.js que passou de "node-vibrant": "^ 3.2.1-alpha.1" para "node-vibrant": "3.1.6" ,. Isso pareceu resolver o problema. Obrigado a todos acima.