Local self signed certificate works in Firefox but not Chrome?

Question

In Firefox I can go to a test local server:

https://localhost:3000/

However in Chrome I get this error:

Attackers might be trying to steal your information from localhost (for example, passwords, messages, or credit cards). Learn more

NET::ERR_CERT_INVALID

This is on my localhost and I have even manually added the self-signed certificate to Chrome.

I followed these directions here :

and this is the screen were I added the cert:

Answer 1

I had the same issue. But a bit different scenario.
For my self-signed server certificate I have NET::ERR_CERT_AUTHORITY_INVALID, but for another client certificate I have NET::ERR_CERT_INVALID (this does not allow to proceed)

I was generated these certs with help of KeyStore Explorer app. And there you can add already prepared template like 'SSL Server' or 'SSL Client':

So, 'SSL Server' had expected ERR_CERT_AUTHORITY_INVALID warning and SSL Client has the error from the topic. (ERR_CERT_INVALID) The difference is in the option of "Extended Key Usage" extension.