Javascript 下一步,为什么小猫不装货

Javascript 下一步,为什么小猫不装货,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,在接下来的Js文档中,我添加了一个Next.config.Js文件,告诉Next Js我想将kittens加载到我的应用程序中 这是资源: next.config.js如下所示: module.exports={ 图像:{ 域名:[“placekitten.com”], }, }; 在我的组件中,它如下所示: 从“下一个/链接”导入链接; 从“下一个/图像”导入图像; 导出默认函数SidebarItem({ 类别=[ “看一看”, “服装”, “鞋子”, “体育”, ], }) { 返回(

在接下来的Js文档中,我添加了一个Next.config.Js文件,告诉Next Js我想将kittens加载到我的应用程序中

这是资源:

next.config.js如下所示:

module.exports={
图像:{
域名:[“placekitten.com”],
},
};
在我的组件中,它如下所示:

从“下一个/链接”导入链接;
从“下一个/图像”导入图像;
导出默认函数SidebarItem({
类别=[
“看一看”,
“服装”,
“鞋子”,
“体育”,
],
}) {
返回(
);
}
我得到这个错误: 图片:1http://localhost:3000/_next/image?url=%2F640%2F360&w=640&q=75 400(错误请求)


我做错了什么?

您忘记设置图像的完整路径:

<Image
   alt='Picture of the author'
   width={300}
   height={300}
   src='https://placekitten.com/640/360'
/>

hmm,我很好,谢谢。这是真的。请尝试使用加载程序,因为kitten站点不会实现传递的参数