使用 ReactJS (^16.13.0) 和 npm。
经历了其他问题,确保在npm install [email protected]
之后执行npm install --save-dev worker-loader
npm install [email protected]
但错误没有解决。 唯一解决的错误是 #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 对象——但错误仍然存在。
我在 angular 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”,。 这似乎解决了这个问题。 谢谢楼上各位。
最有用的评论
谢谢,恢复到 ^3.1.6 对我有用。