Node-vibrant: TypeError: ๊ฐ์ฒด๊ฐ€ ์•„๋‹Œ ๊ฒฝ์šฐ CreateListFromArrayLike๊ฐ€ ํ˜ธ์ถœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2020๋…„ 04์›” 18์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: Vibrant-Colors/node-vibrant

ReactJS(^16.13.0) ๋ฐ npm ์‚ฌ์šฉ.
๋‹ค๋ฅธ ๋ฌธ์ œ๋ฅผ ํ†ตํ•ด npm install --save-dev worker-loader ํ›„์— npm install [email protected] npm install --save-dev worker-loader ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์ง€๋งŒ ์˜ค๋ฅ˜๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ๋œ ์œ ์ผํ•œ ์˜ค๋ฅ˜๋Š” #85 ์— ์–ธ๊ธ‰๋œ this.WorkerClass is not a constructor ์˜ค๋ฅ˜์˜€์Šต๋‹ˆ๋‹ค.

์ฝ˜์†”์€ ์ด ์ค„์„ ์—ฌ๋Ÿฌ ๋ฒˆ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค.
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage

์žฌ๋ฏธ์žˆ๊ฒŒ,
let v = new Vibrant(IMG); console.log(v); ๋Š” result(...), _src ๋ฐ opts์™€ ํ•จ๊ป˜ Vibrant ๊ฐœ์ฒด๋ฅผ ๊ธฐ๋กํ•˜์ง€๋งŒ ์˜ค๋ฅ˜๋Š” ์ง€์†๋ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ^3.1.6์œผ๋กœ ๋˜๋Œ๋ฆฌ๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  5 ๋Œ“๊ธ€

๋‚ด ๊ฐ๋„ 10 ํ”„๋กœ์ ํŠธ ๋‚ด์—์„œ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.
๋‚˜๋Š” ๋ฒ„์ „ 3.1.4๋กœ ๋˜๋Œ๋ ธ๊ณ  ๋ชจ์ž์™€ ํ•จ๊ป˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด Vue ํ”„๋กœ์ ํŠธ์—์„œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.
์ง„๋™: 3.2.1.alpha-1
๋ณด๊ธฐ: 2.6.12

React 17.0.1์—์„œ ์ด ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ^3.1.4 (@a1development!) ๋˜๋Š” ^3.1.6 ๋˜๋Œ๋ฆฌ๋ฉด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค.
๋‚ด ์ ‘๊ทผ ๋ฐฉ์‹์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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 ์—๋Š” ์œ ํ˜• ์ •์˜๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ๋Œ€์‹  ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค!

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ^3.1.6์œผ๋กœ ๋˜๋Œ๋ฆฌ๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

nuxt.js ๋‚ด์—์„œ "node-vibrant": "^3.2.1-alpha.1"์—์„œ "node-vibrant": "3.1.6"์œผ๋กœ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ ๊ฐ™์•˜์Šต๋‹ˆ๋‹ค. ์œ„์˜ ๋ชจ๋“  ๋ถ„๋“ค๊ป˜ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

lucafaggianelli picture lucafaggianelli  ยท  9์ฝ”๋ฉ˜ํŠธ

eggers picture eggers  ยท  3์ฝ”๋ฉ˜ํŠธ

asela-wijesinghe picture asela-wijesinghe  ยท  4์ฝ”๋ฉ˜ํŠธ

chetstone picture chetstone  ยท  14์ฝ”๋ฉ˜ํŠธ

nitriques picture nitriques  ยท  12์ฝ”๋ฉ˜ํŠธ