社区。最近，我在React / Next JS网站上遇到了一个非常烦人的错误。
如果我使用src ='/ static / images / service'/>，则无法显示任何图像。像这样将路由import Image1 from "../../static/images/service.png";导入并分配给js变量也无济于事。
根据Next Js文档，所有资产都应严格存储在根目录中的“ / static”文件夹中。
奇怪的是，我可以在CSS中使用background-image来毫无问题地访问图像
background-image: url("../../static/images/service.png");，但不是以<img/>的方式。这对我来说是唯一的选择，因为我正在使用.map方法渲染图像并为它们提供数组的路径。
另外，我为所有类型的文件安装了所有可能的装载程序。
此行为可能是什么问题？
链接到我的仓库：https://github.com/kkdima/barva
要在您的计算机上对其进行测试：
git clone https://github.com/kkdima/barva.git
npm i
npm run dev
答案 0 :(得分：0)
而不是在img标签的src中给出路径。将其导入文件中，然后使用。它将有望解决该问题。下面的代码：
import Image1 from "../../static/images/service.png";
然后提供这样的src：
<img src={Image1} />
答案 1 :(得分：0)
为此，您需要在 next.config.js 中添加Image loader。您可以使用 next-images 包。以下是包的链接：