JavaScript 和我正在加载随机图像https://picsum.photos但它不起作用。请注意,目前我不想在 next.js 中使用新的图像优化。
本地图像有效,但外部图像无效。
下面是我的代码和我的 next.config.js
<Slider
{...settingsThumbs}
asNavFor={nav1}
ref={slider => setSlider2(slider)}
>
{slidesData.map(slide => (
<div className='slick-slide' key={slide.id}>
<img
className='slick-slide-image'
src={`https://picsum.photos/800/400?img=${slide.id}`}
alt='sfd'
/>
</div>
))}
</Slider>
下面是我的 next.js 配置
module.exports = {
images: {
domains: ['https://picsum.photos/']
}
};
Per the docs,域前面似乎不需要协议(https 或 http)。尝试
module.exports = {
images: {
domains: ['picsum.photos']
}
};
我还怀疑您的控制台中出现如下错误,关闭这个源代码:
域值必须遵循格式{ domain: 'picsum.photos', ... }
。
在这里查看更多信息:https://err.sh/next.js/invalid-i18n-config`
注:修改next.config.js
文件有时可能需要重新启动开发服务器才能生效。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)