Edit: this is line 69

 .catch(e => {
        Line 69 self.errorMessage = payload.error.message;
        self.errorDescription = payload.error.description;
        self.loading = false;
        self.updateDom();
      });

all messages in the modulename are shown in the developers window console

ctrl-shift-i on the MM screen,

select the console tab in the window that pops up

u can filter to messages from a module by adding some unique part of the module name to the filter field (middle above the list of messages)

  getCommute: function (api_url) {
    var self = this;
    fetch('https://api.tomtom.com/routing/1/calculateRoute/4x.xxx%2C9.xxx%3A4x.xxx%2C9.xx/json?avoid=unpavedRoads&key=<key>')
	  .then(console.log('API SUCESS')
      .then(json => {
        self.duration = Math.round(json.routes[0].duration / 60);
        self.errorMessage = self.errorDescription = undefined;
        self.loading = false;
        self.updateDom();
      })
      .catch(e => {
        self.errorMessage = payload.error.message;
        self.errorDescription = payload.error.description;
        self.loading = false;
        self.updateDom();
      });

  },

Now the "loading does not even appear I don’t know if that’s good or bad, but I cant even see my (console.log(‘API SUCESS’) in the .txt

which provides 2 useful functions

parse (text) = converts to javascript object
stringify(object,routine(most if the time u would use null ),indentation ) = returns string of text

so then u could

console.log("mesage="+JSON.stringify(pointer_to_data_returned_from_api))

to see it on the console (or somefile.txt if u redirect to a file)

after u got the data, then what did u do?

{
  "formatVersion": "0.0.12",
  "routes": [
    {
      "summary": {
        "lengthInMeters": 1147,
        "travelTimeInSeconds": 140,
        "trafficDelayInSeconds": 0,
        "trafficLengthInMeters": 0,
        "departureTime": "2021-09-19T17:16:54+02:00",
        "arrivalTime": "2021-09-19T17:19:14+02:00"
      },
      "legs": [
        {
          "summary": {
            "lengthInMeters": 1147,
            "travelTimeInSeconds": 140,
            "trafficDelayInSeconds": 0,
            "trafficLengthInMeters": 0,
            "departureTime": "2021-09-19T17:16:54+02:00",
            "arrivalTime": "2021-09-19T17:19:14+02:00"
          },
          "points": [
            {
              "latitude": 52.5093,
              "longitude": 13.42937
            },
            {
              "latitude": 52.50904,
              "longitude": 13.42913
            },
            {
              "latitude": 52.50895,
              "longitude": 13.42904
            },
            {
              "latitude": 52.50868,
              "longitude": 13.4288
            },
            {
              "latitude": 52.5084,
              "longitude": 13.42857
            },
            {
              "latitude": 52.50816,
              "longitude": 13.42839
            },
            {
              "latitude": 52.50791,
              "longitude": 13.42825
            },
            {
              "latitude": 52.50757,
              "longitude": 13.42772
            },
            {
              "latitude": 52.50752,
              "longitude": 13.42785
            },
            {
              "latitude": 52.50742,
              "longitude": 13.42809
            },
            {
              "latitude": 52.50735,
              "longitude": 13.42824
            },
            {
              "latitude": 52.5073,
              "longitude": 13.42837
            },
            {
              "latitude": 52.50696,
              "longitude": 13.4291
            },
            {
              "latitude": 52.50673,
              "longitude": 13.42961
            },
            {
              "latitude": 52.50619,
              "longitude": 13.43092
            },
            {
              "latitude": 52.50608,
              "longitude": 13.43116
            },
            {
              "latitude": 52.50574,
              "longitude": 13.43195
            },
            {
              "latitude": 52.50564,
              "longitude": 13.43218
            },
            {
              "latitude": 52.50528,
              "longitude": 13.43299
            },
            {
              "latitude": 52.50513,
              "longitude": 13.43336
            },
            {
              "latitude": 52.505,
              "longitude": 13.43366
            },
            {
              "latitude": 52.50464,
              "longitude": 13.43451
            },
            {
              "latitude": 52.50451,
              "longitude": 13.43482
            },
            {
              "latitude": 52.50444,
              "longitude": 13.43499
            },
            {
              "latitude": 52.50418,
              "longitude": 13.43564
            },
            {
              "latitude": 52.50364,
              "longitude": 13.4369
            },
            {
              "latitude": 52.50343,
              "longitude": 13.43738
            },
            {
              "latitude": 52.5033,
              "longitude": 13.43767
            },
            {
              "latitude": 52.50275,
              "longitude": 13.43873
            }
          ]
        }
      ],
      "sections": [
        {
          "startPointIndex": 0,
          "endPointIndex": 28,
          "sectionType": "TRAVEL_MODE",
          "travelMode": "car"
        }
      ]
    }
  ]
}

pm2 stop all

then

cd ~/MagicMirror

then u can

npm start >somefile.txt

ctrl-c to end

repeat til working

write message to console
console,log(“some message”+variable+…)

so, you either have to change EVERYTHING that touches the data OR, after receiving change the layout to match the old format.

json is pretty nice to work with …

use the validator here https://codebeautify.org/jsonvalidator?/jsonvalidate
click the top left button and it will format the data in a nice readable format

loading… is the initial message, til the actual data arrives…
so, the data didn’t arrive

I assume that the request for the data is done in the node_helper

u can write messages to the console and see them in the window where u start MM

during development, use npm start >somefile.txt

and then u can see all the messages in somefile.txt

I use ssh connection to pi, so I can edit on my desktop
when using windows desktop i use bitvise ssh client or winscp
as they provide a networked disk page like file explorer so I can just doubleclick to edit,

when using linux, most of the file browsers will allow access to ssh connected systems the same way…