Image NextJS图像组件和图像优化不起作用

Image NextJS图像组件和图像优化不起作用,image,next.js,nextjs-image,Image,Next.js,Nextjs Image,我是NextJS的新手。我刚刚在NextJS文档中看到了这个新的图像优化功能,但它不适合我 这是我的密码。代码中指定了工作部件和不工作部件 从“下一个/图像”导入图像; 接口发起人项目{} 常量赞助商:React.FC=({})=>{ 返回( 我们经核实的赞助者 {图像&& images.map((img)=>{ 返回( {/*这不起作用*/} {/*这有效*/} ); })} ); }; 常量图像=[ { img:“/images/bkash.png”, }, { img:“/images/

我是NextJS的新手。我刚刚在NextJS文档中看到了这个新的图像优化功能,但它不适合我

这是我的密码。代码中指定了工作部件和不工作部件

从“下一个/图像”导入图像;
接口发起人项目{}
常量赞助商:React.FC=({})=>{
返回(
我们经核实的赞助者
{图像&&
images.map((img)=>{
返回(
{/*这不起作用*/}
{/*这有效*/}
);
})}
);
};
常量图像=[
{
img:“/images/bkash.png”,
},
{
img:“/images/nogod.png”,
},
{
img:“/images/rocket.png”,
},
{
img:“/images/sure\u cash\u logo.png”,
},
];

出口违约担保人如果您将图像放在/public文件夹的根目录下,是否有效?(而不是/public/images)

您必须在next.config.js文件中为图像配置路径,如下所示,这不是必需的:

module.exports = {
  images: {
    domains: ["localhost"],
    // next line is not required
    path: 'http://localhost:3000/images'
  }
};

除非您有第三方图像提供程序,否则不需要配置路径属性,请参阅文档

图像文件位于哪个文件夹?公用文件夹。在那里我有一个图像文件夹,图像在该文件夹内。您可以在images数组中指定的代码中看到这一点,但我从未创建过配置file@PRANTADutta这很奇怪,我尝试了这个配置,但得到了相同的错误,所以我认为这可能是问题所在。你能在沙箱中重现这个问题吗?这将更容易帮助:)我试图在沙箱中创建此问题。但它在工作,但在我的电脑上不工作。WTF……不,没有。很抱歉迟了答复。