There are three visible issues with the app at this state:
- The component details aren't displaying
- There are numerous console errors
- The API call is returning a 404 not found error
Begin by inspecting any network errors, since network errors usually cause knock-on effects:
- Click on the failing URL in the Network tab
- In the Details pane that opens to the right of the URL, click on the Preview tab
- You should see this:
Cannot GET /api.openweathermap.org/data/2.5/weather
By just observing this error message, you will likely miss the fact that you forgot to add the http:// prefix to the URL. The bug is subtle and certainly not glaringly obvious.
- Hover over the URL and observe the full URL, as shown: