Uncaught TypeError: URL is not a constructor in javascript

Question

my code

let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c'));  // outputs "m2-m3-m4-m5"

and the error

Uncaught TypeError: URL is not a constructor

What browser are you using? Have you checked here ~ developer.mozilla.org/en-US/docs/Web/API/… — Phil
– Phil, Commented Feb 6, 2019 at 4:03

Phil · Accepted Answer · 2019-02-10 22:58:33Z

9

The only thing that would cause this error in any recent version of Chrome (at least since 2014's v32) would be if you had some other code that overwrote the URL symbol.

For example

const URL = 'I am now a string'

// later...

let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');

If you're having trouble locating the code that's overwriting URL, you could start by simply adding

console.log(URL)

to your code. The value logged may give you a hint. Otherwise, see this post ~ How to know in which file that defined a js global var in chrome console?

Solutions:

Try not to use global object names in your variables.
Don't assign global variables if you can help it.

On that last note, you could avoid this problem like this

(function() {
  const URL = 'I am a string but not window.URL'

  // later...

  let url = new window.URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
  console.info(url.search)
})()

edited Feb 10, 2019 at 22:58

answered Feb 6, 2019 at 4:51

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

fuzzy buddy Over a year ago

this code still gives me a error but it says window.URL is not a constructor

Phil Over a year ago

You must have some other code that is setting URL in the global / window scope. You should try and find it

Vladimir Denisov · Accepted Answer · 2020-08-12 19:18:13Z

0

The problem occurs because url.URL is undefined (read more in this comment).

answered Aug 12, 2020 at 19:18

Vladimir Denisov

1174 silver badges11 bronze badges

Collectives™ on Stack Overflow

Uncaught TypeError: URL is not a constructor in javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related