Testing from localhost fails with cors

[nik-suri]

Hi,

I am testing out the Amplitude product for a website I am creating. Since I run the development version of my website from localhost, I am making calls to amplitude from localhost. I also have my ad-blocker disabled.

However, all my calls to amplitude.getInstance().logEvent() fail with the following error:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.amplitude.com/. (Reason: CORS request did not succeed).

Any advice on how to fix this? Can I make calls to amplitude from localhost?

[haoliu-amp]

Could you show me how did you setup JS SDK?

[nik-suri]

I followed the instructions at https://developers.amplitude.com/#installation for installing the JS SDK through npm.

I then import the library into my code using import amplitude from 'amplitude-js'.

[haoliu-amp]

npm? or pasting the snippet?

Btw, https://developers.amplitude.com/#installation is not being maintained at this moment.

Please use the link below
https://help.amplitude.com/hc/en-us/articles/115001361248#logging-events-to-multiple-projects

[nik-suri]

I used npm to install the sdk by running npm install amplitude-js.

There is no section in the help link that refers to errors or CORS settings. Do you know what the issue could be?

[haoliu-amp]

What browser are you using currently? If you are using Chrome, try to run it with incognito mode to get rid of the plugin side effects.

[nik-suri]

I was using firefox. It seems to be a problem with firefox. Does amplitude not work properly with firefox?

I seem to have solved the problem by switching to safari - now my events are being uploaded properly.