nextjs - 💡(How to fix) Fix Error message is misleading. [1 comments, 2 participants]

TL;DR

The error message '"url" parameter is not allowed' may be misleading, as it actually checks for domain, port, protocol, etc., and a fix might involve verifying the hrefParsed object against the domains and remotePatterns correctly.

Guidance

• Review the hasRemoteMatch function to ensure it correctly checks the hrefParsed object against the domains and remotePatterns.
• Verify that the hrefParsed object contains the expected properties (e.g., domain, port, protocol) and that they match the allowed patterns.
• Check the domains and remotePatterns arrays to ensure they are correctly configured and contain the expected values.
• Consider adding additional logging or debugging statements to help understand why the hasRemoteMatch function is returning false.

Example

console.log(hrefParsed); // inspect the hrefParsed object
console.log(domains); // inspect the domains array
console.log(remotePatterns); // inspect the remotePatterns array

Notes

The provided code snippet is from the Next.js repository, and the issue might be specific to the image-optimizer.ts file. Without more context, it's difficult to provide a more specific fix.

Recommendation

Apply workaround: Modify the error message to better reflect the actual check being performed, such as '"url" parameter does not match allowed domains or patterns'. This will help users understand the root cause of the issue.