Node-vibrant: TypeError : CreateListFromArrayLike appelé sur un non-objet

Créé le 18 avr. 2020 · 5Commentaires · Source: Vibrant-Colors/node-vibrant

Utilisation de ReactJS (^16.13.0) et npm.
A traversé d'autres problèmes, assurez-vous de faire npm install --save-dev worker-loader après npm install [email protected] mais l'erreur ne s'est pas résolue. La seule erreur qui a été résolue était l'erreur this.WorkerClass is not a constructor mentionnée dans #85 .

La console enregistre cette ligne plusieurs fois :
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage

De façon intéressante,
let v = new Vibrant(IMG); console.log(v); enregistre un objet Vibrant avec result(...), _src et opts -- mais les erreurs persistent.

Source

catusmagnus

👍3

Commentaire le plus utile

Merci, revenir à ^3.1.6 a fonctionné pour moi.

gieoon le 30 janv. 2021

👍2

Tous les 5 commentaires

J'ai eu la même erreur dans mon projet angulaire 10.
Je suis revenu à la version 3.1.4 et avec chapeau ça marche.

a1development le 16 oct. 2020

🎉1

Same on my Vue project.
Vibrant: 3.2.1.alpha-1
Vue: 2.6.12

CAT6e le 1 déc. 2020

A pu reproduire ce problème dans React 17.0.1. Revenir à ^3.1.4 (merci @a1development !) ou ^3.1.6 résout le problème pour moi.
Mon approche ressemble à ceci:

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 inclut des définitions de type. Utilisez plutôt celui-ci !

rubixfr00b le 3 janv. 2021

❤2

Merci, revenir à ^3.1.6 a fonctionné pour moi.

gieoon le 30 janv. 2021

👍2

J'obtenais la même erreur dans nuxt.js qui passait de "node-vibrant": "^3.2.1-alpha.1", à "node-vibrant": "3.1.6". Cela semblait résoudre ce problème. Merci à tous ci-dessus.