Problem right after creating a React project with create-react-app

Question

I have suddenly started having a problem which I didn't have before.

I do the following steps:

mkdir someapp
cd someapp
npx create-react-app .

Till this stage everything is fine. My next command to start the app is:

npm start

The react app opens normally in the browser.

However, when I check the console, I see the following three errors showing:

GET chrome-extension://gomekmidlodglbbmalcneegieacbdmki/locales/Locale-en-US.json net::ERR_FILE_NOT_FOUND

Access to fetch at 'https://s-install.avcdn.net/aos/assets/prod/translations/Locale-en-US.json' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

GET https://s-install.avcdn.net/aos/assets/prod/translations/Locale-en-US.json net::ERR_FAILED 404

I reiterate that I have nothing installed other than the vanilla react app.

Can someone please help and advise how I clear these errors. The app I develop runs fine but I am afraid when this might explode into a bigger problem later.

Thanks, Teejay

You url clearly shows that it's loading a file which is part of an extension. No need to worry about it. It's not your react code. It's some extension that you are using. — Pranava Mohan
– Pranava Mohan, Commented Nov 1, 2021 at 6:47
Thank you for responding Pranava. However, I have not used any extension at all. Just plain creation of react app and running it. — Gentleman
– Gentleman, Commented Nov 1, 2021 at 7:25

Gentleman · Accepted Answer · 2021-11-01 08:00:49Z

8

ok. I got it. I disabled all the chrome extensions and found that the problem was gone. I then enabled them one by one and found that extension "Avast Online Security & Privacy" was the culprit. Keeping it disabled didn't give the errors mentioned in my question. Now what will happen if I keep this chrome extension disabled is a question of another day.

Many thanks.

answered Nov 1, 2021 at 8:00

Gentleman

1312 silver badges9 bronze badges

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

Comments

Jonathan Chamorro · Accepted Answer · 2024-06-25 16:38:31Z

0

The problem is caused by this "Avast Online Security & Privacy" extension, we just have to disable it.

answered Jun 25, 2024 at 16:38

Jonathan Chamorro

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Problem right after creating a React project with create-react-app

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related