Node-vibrant: TypeError: CreateListFromArrayLike called on non-object

Created on 18 Apr 2020 · 5Comments · Source: Vibrant-Colors/node-vibrant

Using ReactJS (^16.13.0) and npm.
Went through other issues, made sure to do npm install --save-dev worker-loader after npm install [email protected] but error didn't resolve. The only error that resolved was the this.WorkerClass is not a constructor error mentioned in #85 .

Console logs this line multiple times:
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage

Interestingly,
let v = new Vibrant(IMG); console.log(v); logs a Vibrant object with result(...), _src, and opts -- but errors persist.

Source

catusmagnus

👍3

Most helpful comment

Thanks, reverting to ^3.1.6 worked for me.

gieoon on 30 Jan 2021

👍2

All 5 comments

I got the same error inside my angular 10 project.
I reverted to version 3.1.4 and with hat it works.

a1development on 16 Oct 2020

🎉1

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

CAT6e on 1 Dec 2020

Was able to replicate this issue in React 17.0.1. Reverting to ^3.1.4 (thanks @a1development!) or ^3.1.6 fixes the problem for me.
My approach looks like this:

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 includes type definitions. Use this one instead!

rubixfr00b on 3 Jan 2021

❤2

Thanks, reverting to ^3.1.6 worked for me.

gieoon on 30 Jan 2021

👍2

I was getting the same error within nuxt.js went from "node-vibrant": "^3.2.1-alpha.1", to "node-vibrant": "3.1.6",. This seemed to fix this issue. Thanks everyone above.