我不明白为什么静态映像在生产环境中找不到,但在本地主机上可以工作。我把所有映像放在目录中:public/images/...
/* image.tsx */
return (
<Image
src={"/images/frame1.png"}
width="1000"
height="1000"
alt="Control description"
style={{
height: "auto",
maxWidth: "100%",
userSelect: "none",
}}
/>
)
/* next.config.js */
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
};
module.exports = nextConfig;
Cloudflare页面部署:
本地主机:
我的文件结构:
1条答案
按热度按时间emeijp431#
first:你试过改变
<Image/> to <img/>
吗?测试一下,看看它是否被修复了(只是为了确定问题是从哪里来的)第二次尝试此操作:更改图像文件的名称.从大写到小写字母.