无法从 Next.js 中的 public/assets 文件夹查看浏览器中的图像

Question

我的代码如下：

import Image from "next/image";
import React from "react";
import { ProcessImg } from "../public/assets/process_img.png";

          <Image
            className="lg:w-3/5 md:w-1/2 object-cover object-center rounded-lg md:mt-0 mt-12"
            src={ProcessImg}
            height={100}
            width={100}
            alt="step"
          />

替代文本仅在 输出截图如下： https://freeimage.host/i/mEBJiN

我尝试更改图像的扩展名。我尝试更改图像的 src。我期待在浏览器中显示图像。

Answer 1

尝试如下导入图像：

import ProcessImg from "../public/assets/process_img.png";