如何从 next.js 中提取下一个/图像

Posted 2023-03-06

【中文标题】如何从 next.js 中提取下一个/图像

【英文标题】：How to abstract next/image from next.js

【发布时间】：2021-05-20 00:42:39

【问题描述】：

我只使用 Next.js 中的下一个/图像。有没有办法只安装 next/image 模块而不是整个 Next.js 模块。我尝试执行以下操作 -

"next/image": "^10.0.5",
"next/link": "^10.0.5",

但在执行 npm install 后，我收到以下错误 -

$ npm install
npm ERR! code EINVALIDPACKAGENAME
npm ERR! Invalid package name "next/image": name can only contain URL-friendly characters

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\sugamxp\AppData\Roaming\npm-cache\_logs\2021-02-17T06_08_55_518Z-debug.log

【参考方案1】：

没有next/image这样的包，它只是next包中的一个文件夹，所以不，你不能单独安装它。

此外，你不能没有 NextJs 单独使用它，因为它依赖 NextJs 服务器来按需优化图像。我想，如果你想优化图像，你需要找到另一个解决方案。