在 Nuxt 中使用Sharp包的问题

Question

我尝试在我的 Nuxt 项目中使用它，但在编译时失败了

在我的插件/sharp.js 中

import vue from "vue"
import sharp from "sharp"
vue.use(sharp)

还有我的 nuxt.config.js

plugins: [
  '~plugins/sharp.js',
],

编译时我的终端出现错误

Failed to compile with 4 errors                                                                                               friendly-errors 01:16:19  

These dependencies were not found:                                                                                                    friendly-errors 01:16:19  
                                                                                                                                      friendly-errors 01:16:19  
* child_process in ./node_modules/detect-libc/lib/detect-libc.js, ./node_modules/sharp/lib/libvips.js                                 friendly-errors 01:16:19
* fs in ./node_modules/detect-libc/lib/detect-libc.js, ./node_modules/sharp/lib/libvips.js                                            friendly-errors 01:16:19  
                                                                                                                                      friendly-errors 01:16:19  
To install them, you can run: npm install --save child_process fs  

Answer 1

sharp 是一个 Node.js 包，因此这不适用于 Vue。至少，不在客户端上下文中。

您最好提前或通过 Cloudinary 之类的服务来优化您的图像。

Answer 2

我对 react 也有同样的问题。我使用库 npm react-sharp。 我认为 paket npm vue-sharp 也是如此。