温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - Color-Thief Node plugin error: "Image given has not completed loading"
express javascript node.js npm color-thief

javascript - Color-Thief Node插件错误：“给定的图像尚未完成加载”

发布于 2020-04-09 10:30:06

在Node / Express中工作时，我想获取npm包color-thief来从图像中获取主色，但是失败了，因为“给定的图像尚未完成加载”。

图像还是本地的，因此它不应该有这个特殊的问题。除此之外，还color-thief返回一个Promise，并且我正在使用async / await，因此它应该等待加载图像所需的时间，而不是抛出错误。

以下是我的SSCCE代码：

const ColorThief = require('color-thief');

let colorThief = new ColorThief();

async function getDominantColor() {
    const img = 'public/img/seed/big-waves-2193828__340.webp';
    const dominantColor = await colorThief.getColor(img);
    console.log(dominantColor);
}

getDominantColor();

查看更多

提问者
R Greenstreet
被浏览
119
分享
R Greenstreet 2020-02-01 01:57

问题出在该插件显然不支持.webp文件。

它.jpg和和可以很好地工作.png，尽管“ 文档”（不易获取）没有明确说明它支持/不支持的文件类型。

我已经在Github上提交了功能请求，以添加对webp的支持或使用支持的文件类型的显式列表更新文档，但是作者在其博客的最底端指出了该项目：

“短期内，我不打算在脚本上做更多的工作。”

只是想出我将来会设法节省使用此方法的其他人的一些麻烦和时间

相关问题

1
尝试上传到由多个元数据生成的GCP签名URL时获取403
2
哈巴狗：无法读取未定义的属性“标题”
3
你如何安装和运行puppeteer for firefox
4
Node.js：有没有办法模拟Prometheus Pushgateway服务器？
5
Node.js字节码常量池输出
6
将Angular 11 HttpClient通用 Observable map服务值转换为一个类
7
如何在Node-Express-Mongoose中为动态选择控件设置默认选项？
8
Mongoose ：当未调用ID时，路径“ _id”处的CastError
9
如何添加JWT令牌身份验证以保护路由
10
TypeError [ERR_INVALID_CALLBACK]：回调必须是一个函数。

热门github

1
real time face swap and one-click video deepfake with only a single image
2
A quick example of how one can "synchronize" a 3d scene across multiple windows using three.js and localStorage
3
ChatGPT DAN, Jailbreaks prompt
4
21 Lessons, Get Started Building with Generative AI 🔗 https://microsoft.github.io/generative-ai-for-beginners/ (翻译：12 节课程，开始使用生成式 AI 进行构建)
5
Curated list of project-based tutorials (翻译：收藏了基于项目的教程列表)
6
Truly independent web browser
7
Python - 100天从新手到大师
8
An open source payments switch written in Rust to make payments fast, reliable and affordable (翻译：YOLOv8 🚀 in PyTorch > ONNX > CoreML > TFLite)
9
Agent S: an open agentic framework that uses computers like a human
10
Master programming by recreating your favorite technologies from scratch. (翻译：在这个项目中，你能学会如何创造自己的各种工具，引擎，游戏，框架，库......)
11
Jelly Evolution Simulator
12
Collection of leaked system prompts
13
🤯 Lobe Chat - an open-source, modern-design AI chat framework. Supports Multi AI Providers( OpenAI / Claude 3 / Gemini / Ollama / DeepSeek / Qwen), Knowledge Base (file upload / knowledge management / RAG ), Multi-Modals (Plugins/Artifacts) and Thinking. One-click FREE deployment of your private ChatGPT/ Claude / DeepSeek application. (翻译：LobeChat 是开源的高性能聊天机器人框架，支持语音合成、多模态、可扩展的（Function Call）插件系统。)