无法使用 next 图像包在 nextjs 中导入图像

Question

尝试了所有路径，但图像没有从图像文件夹本地导入。

错误 - “未找到模块：无法解析 '../images/banner1.jpg'”

访问 ImagesSlider.js 文件中的图像。 组件/横幅/Imageslider.js

ImagesSlider.js 文件

someFolder/java11/bin/java -jar file.jar

Answer 1

如果您将图像添加到 /static/

，则无需通过导入加载图像

你可以这样使用<img src={require('./yourImage.jpg')} />

示例：

export default () => (
  <div>
    <img src={require('./images/your-image.jpg')} />
  </div>
);