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);
、結果(...)、_ src、およびoptsを使用してVibrantオブジェクトをログに記録しますが、エラーは解決しません。
Angular10プロジェクト内で同じエラーが発生しました。
バージョン3.1.4に戻しましたが、帽子をかぶると動作します。
私のVueプロジェクトでも同じです。
振動:3.2.1.alpha-1
ビュー:2.6.12
React17.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に戻すことは私のために働いた。