weather-app | Weather forecast site using a weather API built with JS | Runtime Evironment library

Have a working React App that can run locally using the command: npm start However, after deploying on Heroku, i receive an application error message. The application URL is: https://earth-weather.herokuapp.com/

The Application Log is as follows:

I've been working on a little Dashboard App, trying to pull the temperature for my city and wanting to display it. I have also searched through a dozen threads with similar problems and it feels like I am close to solving it.

I've used this tutorial as a reference.

The main problem is that I get a "TypeError: Cannot read property 'temp' of undefined" error when trying to access apiData.main.temp way down in the return. Looking via the console it seems that the temperature value lies within this line but I can't seem to get it to work.

Thanks a lot in advance! I am trying to learn and I hope I didn't mess up in a stupid way and I am more than happy to be shown the proper ways!

Merci!

This here is the code of the App component:

I am very new to reactjs and I was making my second project on Weather Forcast APP. In which I am getting error whenever I wanted to get the data that is stored in weatherList. it is howint that " TypeError: Cannot read property '0' of undefined dataExtracting ".

Please Help me with right suggestions that I should use to avoid this error.

Following is my App.js Code :-

I am trying to use a google font but after importing and changing font family, it only changes the font to the default cursive font. When I remove the 'font-family' the text reverts, so it's obviously affecting the correct section of my code.

This is the font I am looking at https://fonts.google.com/?preview.text=Weather-App&preview.text_type=custom&selection.family=Concert+One&vfonly=true&query=cinz.

when I try to insert the third parameter in the handle method, I get the following error:

I am using React Hooks and geolocation to get the longitude and latitude for getting the weather data from OpenWeatherMap, right now I can render the weatherData.name property but the weatherData.weather[0].main gives:

TypeError of undefined.

React code

I can't build a project. Gives an error message.

relative path throws an error (../, ../../, ./ not work) background-image: url('./images/facebook-places.svg');

absolute path is work! background-image: url('http://localhost:8080/images/facebook-places.svg');

webpack.config.js

I'm trying to use the import method to parse a json file, this is what my code looks like.

Am trying to run vue.js app for that I have installed vue cli by folliwng the official website("https://cli.vuejs.org/guide/installation.html"). When i execute any vue commands getting below error, I even cant able to check it's version. Is there anything i missied here?

Step1:- npm install -g @vue/cli Sep2:- vue --version

The npm version is "6.2.0" and nodejs version is "v6.14.3".