我可以在 React js 中使用 Sharp 图像处理库吗？

Question

I try to use Sharp image processing in my create react app. But it sends a error

This is my code

import sharp from 'sharp';

const buffer = await sharp(req.file.buffer)
          .resize({ width: 250, height: 250 })
          .extend({
            top: 10,
            bottom: 10,
            left: 10,
            right: 10,
            background:  '#d7d8de'
          })
          .png()

Edit: I'm using Node.js version 12.18.0

Answer 1

No.

Sharp uses the node.js runtime as well as binary executable code that is installed on the host system. All this means that Sharp does not work in a web browser.

Answer 2

For client side processing, use Canvas API: https://www.w3schools.com/html/html5_canvas.asp