【问题标题】:i want to import image from my local storage using next js我想使用下一个 js 从本地存储导入图像
【发布时间】:2021-12-28 18:23:10
【问题描述】:

最近在学习 next.js。

我对从本地存储导入图像有一些疑问。

这是错误的

./logo/Iu.jpg TypeError:不支持的文件类型:未定义(文件:未定义)

这是我的代码

import Image from "next/image";
import Iu from "../../logo/Iu.jpg";

const Banner = () => {
  return (
    <div>
      <Image src={Iu} layout="fill" objectFit="contain" objectPosition="left" />
    </div>
  );
};

export default Banner;

绝对,安装了next-images,next.config.js已经完成,所以我可以导入svg文件,但无法导入png、jpg文件

以防万一,我还安装了文件加载器并编写了 webpack.config.js,

请帮帮我..

【问题讨论】:

  • 您在代码中的哪个位置使用本地存储?还是只是关于为本地文件系统加载图像文件的问题?

标签: next.js nextjs-image


【解决方案1】:

试试这个:

将文件保存在/public/logo/Iu.jpg

使用路径"/logo/Iu.jpg"导入

【讨论】:

  • 正在尝试.. 但是,找不到模块:无法解析 '/logo/Iu.jpg' ㅠ_ㅠ,
  • @suwan 不从路径导入文件,直接作为图片的src,即&lt;Image src="/logo/Iu.jpg" layout="fill" objectFit="contain" objectPosition="left" /&gt;
  • 哦!谢谢你..,现在,我明白了..,我非常爱你,
猜你喜欢
  • 2019-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-09
  • 1970-01-01
  • 1970-01-01
  • 2013-07-06
  • 1970-01-01
相关资源
最近更新 更多