使用Jimp图像处理失败：调用Jimp.read()时提示Node's Buffer()不可用

这个报错我太熟了——Jimp本来是为Node.js环境打造的图像处理库，它深度依赖Node专属的Buffer API，但你现在的运行环境（看起来是浏览器或者前端框架环境）并没有内置这个API，所以调用Jimp.read()的时候就触发了这个错误。下面给你几个针对性的解决方案：

• 浏览器环境直接用Jimp的兼容版本
  不用改安装命令，直接把导入语句换成浏览器专用的入口：

  import * as Jimp from 'jimp/browser';
  

  另外要注意，浏览器里Jimp.read()的参数只能是图片URL、Blob或者File对象，不能用Node里的本地文件路径，要是处理本地文件，得先把文件转成Blob/File再传入。

• 前端框架（Angular/React/Vite等）环境补全Buffer polyfill
  如果用jimp/browser还是不行，或者你需要保留原有导入方式，可以给浏览器环境补上Buffer的兼容实现：

  1. 先安装Buffer polyfill包：

     npm install buffer
     

  2. 在项目的入口文件（比如Angular的main.ts、React的index.js）里添加以下代码：

     import { Buffer } from 'buffer';
     window.Buffer = Buffer;
     

  这样打包工具就会把Buffer polyfill注入到浏览器环境，Jimp就能正常识别Buffer了。

• 混合环境（比如Electron）的注意事项
  如果你是在Electron里用，主进程（Node环境）可以直接用原版Jimp，但渲染进程属于浏览器环境，还是得用上面的浏览器版或者补polyfill的方法。

内容的提问来源于stack exchange，提问作者Thomas T.brhan