【发布时间】: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