Local HTTPS server not working properly.

Description

When following the instructions in the Gatsby docs to use a Local HTTPS server during development, the process seems unsuccessful.

When I go to https://localhost:8000/, it shows the following privary error (Chrome):

Steps to reproduce

Follow the instructions in the link above.

Expected result

The https://localhost:8000/ URL should take me to my Gatsby site.

Actual result

See above screenshot.

Environment

  System:
    OS: macOS 10.15.2
    CPU: (4) x64 Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 12.12.0 - /usr/local/bin/node
    npm: 6.11.3 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    gatsby: ^2.19.7 => 2.19.7 
    gatsby-image: ^2.2.39 => 2.2.39 
    gatsby-plugin-manifest: ^2.2.39 => 2.2.39 
    gatsby-plugin-offline: ^3.0.32 => 3.0.32 
    gatsby-plugin-react-helmet: ^3.1.21 => 3.1.21 
    gatsby-plugin-sharp: ^2.4.3 => 2.4.3 
    gatsby-source-filesystem: ^2.1.46 => 2.1.46 
    gatsby-transformer-sharp: ^2.3.13 => 2.3.13 
  npmGlobalPackages:
    gatsby-cli: 2.8.28

[Js-Brecht]

Hello @metalandcoffee,

Can you try something for me? The dev certificates should be stored at ~/Library/Application Support/devcert. If that folder exists, please delete it, then go into your Keychain and remove the devcert certificate authority. After that, run gatsby develop --https again.

There may be other issues, especially running on Mac with the current version of the package devcert that Gatsby uses. #18703 addresses those issues, but that PR’s been waiting to be merged for some time.

[Js-Brecht]

Closing this because the issue is tracked by #14990, and fixed by #18703