create-react-app https localhost Secure Connection Failed

Question

I'm trying to use https on local dev for a 'create-react-app'. I used this site as a tutorial for creating the certificate and got windows to trust it: https://zeropointdevelopment.com/how-to-get-https-working-in-windows-10-localhost-dev-environment/

This is my .env file.

SSL_CRT_FILE=client-1.local.crt
SSL_KEY_FILE=client-1.local.key
HTTPS=true

And this is my package.json

...
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
...

After, I use the

npm start

command, and go to https://localhost:3000/

• On Firefox I receive a

Secure Connection Failed" error with very few details "An error occurred during a connection to localhost:3000.PR_CONNECT_RESET_ERROR

• On Chrome I receive

The connection was reset

I also checked this post create-react-app: how to use https instead of http? but i didn't see anything that could have helped me. I have windows 10.

Any ideas ? Thank you

Answer 1

I had a similar issue with Edge. and here's how I solved it,

1. In edge browser type URL:- edge://net-internals/#hsts
2. on "Delete domain security policies" enter "localhost" and press "delete".
3. Reopen localhost:3000/

*chrome also have a similar link chrome://net-internals/#hsts