Verwenden von ReactJS (^ 16.13.0) und npm.
Andere Probleme durchgegangen, sichergestellt, dass npm install --save-dev worker-loader
nach npm install [email protected]
aber der Fehler wurde nicht behoben. Der einzige Fehler, der behoben wurde, war der in #85 erwähnte this.WorkerClass is not a constructor
-Fehler.
Die Konsole protokolliert diese Zeile mehrmals:
worker.ts:16 Uncaught TypeError: CreateListFromArrayLike called on non-object at self.onmessage
Interessant,
let v = new Vibrant(IMG);
console.log(v);
protokolliert ein Vibrant-Objekt mit result(...), _src und opts -- aber Fehler bleiben bestehen.
Ich habe den gleichen Fehler in meinem eckigen 10-Projekt erhalten.
Ich bin auf Version 3.1.4 zurückgekehrt und mit Hut funktioniert es.
Gleiches bei meinem Vue-Projekt.
Vibrieren: 3.2.1.alpha-1
Ansicht: 2.6.12
Konnte dieses Problem in React 17.0.1 replizieren. Zurück zu ^3.1.4
(danke @a1development!) oder ^3.1.6
behebt das Problem für mich.
Mein Ansatz sieht so aus:
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
enthält Typdefinitionen. Verwenden Sie stattdessen dieses!
Danke, die Rückkehr zu ^3.1.6 hat für mich funktioniert.
Ich habe den gleichen Fehler in nuxt.js erhalten, der von "node-vibrant": "^3.2.1-alpha.1" zu "node-vibrant": "3.1.6" ging. Dies schien dieses Problem zu beheben. Danke an alle oben.
Hilfreichster Kommentar
Danke, die Rückkehr zu ^3.1.6 hat für mich funktioniert.