How to Fix Uncaught URIError: URI malformed Errors in JS

Ferenc Almasi β€’ 2022 July 11 β€’ πŸ“– 2 min read

The "Uncaught URIError: URI malformed" error occurs in JavaScript, whenever you try to encode or decode a string that contains an invalid character. This results in unsuccessful encoding/decoding that can cause this error. Take the following as an example:

// ❌ This will throw "Uncaught URIError: URI malformed"
Copied to clipboard!

Why is the error happening?

Here we are trying to encode an invalid Unicode character. The reason this is invalid for encoding is that the Unicode code range starting from U+D800 (also called "high surrogate") can be combined with another Unicode range ending with U+DFFF (also called "low surrogate") to generate new characters.

In the above example, we are missing one of the pairs from a high-low pair, meaning we will get the above error, as it is seen as an invalid character. If we were to include the low pair too, we will have no problem with the encoding.

// βœ”οΈ This include both pairs, hence this will not produce an error

<- '%F0%90%8F%BF'
Copied to clipboard!

How to fix the error

In order to fixΒ "Uncaught URIError: URI malformed" errors in your code, you need to ensure that you are passing valid characters to both encodeURI and decodeURI too. If you would like to convert Unicode code points to UTF8, you can use this online tool.

Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Unlimited access to hundred of tutorials
  • check Access to exclusive interactive lessons
  • check Remove ads to learn without distractions
Become a Pro