Installing Magic mirror on windows 10

[sdetweil]

@Omeliel show me the output of npm install

[Omeliel]

[sdetweil]

@Omeliel u are doing ~/MagicMirror something

you want

cd ~/MagicMirror

THEN

npm install

I think this is causing the files to be put in the users root, NOT in the MagicMirror folder

fonts should be installed in MagicMirror/fonts
vendor should be installed in MagicMirror/vendor

can u see if ~/fonts and ~/vendor exist?

also, at the end, this will fail to run, as the MINGW env has no graphical environment itself,
so electron won’t run… u will need to run serveronly mode and access the MM via another browser

you could install MM ON windows (open cmd.exe)…

also, you are installing under MINGW (looks like linux), not on windows natively

[sdetweil]

@Omeliel you could install on windows directly

https://forum.magicmirror.builders/topic/4089/complete-walkthrough-install-magicmirror-on-a-pc-windows-7-10

[Omeliel]

I have fonts and vendor in MM. I run npm install from cmd in win beeing in mm folder. Also run node_serveronly but still same results

[sdetweil]

@Omeliel still need to see errors in both consoles… terminal window and dev window

[Omeliel]

Thank you is exactly what in I am trying to do and followin those steps i got balck screen only either in server mode or in normal mode .

[sdetweil]

@Omeliel ok, so the problem is in the console side… can u show the messages from the window where you did npm start (called the terminal window)

[Omeliel]

Sorted. I post in few minutes solution.

[Omeliel]

So
What worked for me was so far :
Installation:
I installed this: https://nodejs.org/en/download/
In that tutorial, he said to install git bash. I didn’t I just used cmd from windows.
From https://github.com/MichMich/MagicMirror I download the zip file, extracted in C: in windows (not as described in that tutorial).
I renamed the extracted folder by just deleting master remain only MagicMirror as a folder.
Open cmd in windows go in C:\MagicMirror and run npm install
Then I went in C:\MagicMirror\config and delete sample extension ending to have just file named config.js
After that, as @stedweil advised went and edit the package.json file and remove the display=${display… stuff from the start clause
It should start with "node_modules, like this
“start”: “node_modules/.bin/electron js/electron.js”,
Now trying to start mm I got black screen only.
I can’t remember where I saw but I think MichMich advice to go in C:\MagicMirror\vendor and run again npm install, I have done that and it worked.
Now regarding editing the config.js, it need to be edited according to your area . There some tutorials for that too.

[Omeliel]

Tell me if is working for anyone who try it cuz i have 0 knowledge abot html, css, java :)) .
Thank you @sdetweil @Michmich and @vintage89 and all others who spend their time share with us noobs :)) their knowlege.
Kind regards

[sdetweil]

@Omeliel said in Installing Magic mirror on windows 10:

Now trying to start mm I got black screen only.
I can’t remember where I saw but I think MichMich advice to go in C:\MagicMirror\vendor and run again npm install, I have done that and it worked.
Now regarding editing the config.js, it need to be edited according to your area . There some tutorials for that too.

is it working or not? prior message says working, your new question seems it is not

[Omeliel]

This post is deleted!

[Omeliel]

Is working for me . Need others to try. And let us knwo.

[sdetweil]

easy peasy

install nodejs  (google search)
(includes npm)

install git (google search)

open cmd.exe 

git clone magicmirror repo

cd MagicMirror\config
copy config.js.sample config.js
cd ..
npm install --only=prod
when finished
cd vendor
npm install
cd ..\fonts
npm install
cd ..
notepad package.json
change start line to 
    "start": "node_modules/.bin/electron js/electron.js",
ctrl-s to save
alt key, file, exit to close ( or use mouse, file, exit)
npm start

voila

[Chrisflex]

@sdetweil I am having the exact same problem
I will followed the suggested remedies mentioned but still no luck.
Please assist if you can even via Teamviewer.

[sdetweil]

@Chrisflex said in Installing Magic mirror on windows 10:

I am having the exact same problem

what problem?

[Chrisflex]

The screen remains blank after start up.

Here is the log from the Console

[sdetweil]

@Chrisflex looks like you missed these steps

cd ~/MagicMirror
cd vendor
npm install
cd ..\fonts
npm install
cd ..

[Chrisflex]

Thank you very much I will try it.