Angular project with self-signed certificate chain

Basically, I want to add a self-signed certificate (including complete chain with own CA and intermediate) to my Angular environment. The environment is reachable via pcname.fritz.box. That’s the idea.

Now I created my own CA and intermediate certificates and the server/client certificates. Afterwards, I added the ca-chain-bundle.cert.pem to my Windows 10 root CAs.

Then I added the server.cert.pem and server.key.pem to my angular.json and started with ng serve --host pcsname.fritz.box --ssl.

If I open the URL https://pcname.fritz.box:4200/ with Firefox I get in the developer console MOZILLA_PKIX_ERROR_SELF_SIGNED_CERT and in Chrome/Edge I get NET::ERR_CERT_AUTHORITY_INVALID.

What I’m missing? I don’t want to add it as an exception. Instead it should appear as valid certificate locally.

Source: Angular Questions