MMM-Moon shows only "No Image!"

[Fillan90]

@sdetweil
config.js:

module: "MMM-Moon",
        position: "top_left",
        config: {
          width: "400px",      //    as per requirement
          height: "400px",       //    as per requirement
          lat: 59.325,
          lon: 18.050,
          timezone: "Europe/Stockholm"

MMM-Moon.js:

start: function () {},
  getDom: function () {
    const outerDiv = document.createElement("div");
    if (this.content) {
      const img = document.createElement("img");
      img.src = this.content;
      img.style.width = this.config.width || "100%"; // add this line to set the width of the image
      img.style.height = this.config.height || "auto"; // add this line to set the height of the image
      outerDiv.appendChild(img);
    } else {
      outerDiv.innerText = "No image!";
    }
    return outerDiv;

[sdetweil]

@Fillan90 which MMM-Moon

(git remote -v)

NEVER edit the source…

all config goes in config/config.js
all css goes in css/custom.css

there is not enough code there to do the job

[Fillan90]

@sdetweil
[https://github.com/EnderFlop/MMM-Moon](link url)

[sdetweil]

@Fillan90 yes, I installed it and used your config and got error 422 (not executed)

i’d say that the API changed, but the module hasn’t

I see there is a submitted pull request that supposedly fixes this

do this

cd ~/MagicMirror/modules/MMM-Moon

if you changed any files, change them back

git status

will tell you which were modified

git checkout  xxx

where xxx is a filename that changed

then

git fetch origin pull/5/head:pr_branch
git checkout  pr_branch

then restart mm

[Fillan90]

@sdetweil
That fixed it, thank you so much.
/F