自定义next.config.js时遭遇invalid src prop错误求助
解决Next.js中"invalid src prop"错误的配置修正
你的问题根源在两个关键细节上:
- 重复使用
module.exports,后一个导出会完全覆盖前一个,导致原有配置全部失效 - 第一个配置里的图片配置项拼写错误,Next.js的图片白名单配置项是**
images(复数)**而非image,拼写错误会导致域名白名单不生效,触发图片src验证错误
正确的做法是把需要的配置合并到同一个配置对象中,只执行一次导出:
/** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: false, swcMinify: true, images: { // 修正为复数形式的images domains: ["links.papareact.com", "image.tmdb.org"], }, }; module.exports = nextConfig;
修改完成后重启Next.js开发服务器,让新配置生效,即可解决"invalid src prop"的错误。
内容的提问来源于stack exchange,提问作者Mahad Sarfraz
相关产品推荐
相关产品推荐

