Installing Magic mirror on windows 10

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

alt text

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.

Chrisflex

Thank you again it works!

I now have to figure out a way to change the news feed and get the local weather.

sdetweil

@Chrisflex read the readme for each module

Mykle1

@sdetweil said in Installing Magic mirror on windows 10:

read the readme for each module

I second this motion. :thumbs_up_light_skin_tone:

Chrisflex

@Mykle1 @sdetweil thanks I will do that

sojourner

@sdetweil This is solid gold :shooting_star: for the Windoz user in me! With these finishing steps, it works as expected. Thanks again!
p.s. bonus points for suggesting notepad for editing the package.json along with the steps to quit nodepad… Too funny!

vivian0239

Hi, everyone!

I have a task to install Magic Mirror on Windows. And I am very happy to find here. I tried the steps, but it still has error. My pc is Windows 10.
I also changed package.json from:
“start”: “DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js”,
to
“start”: “node_modules/.bin/electron js/electron.js”,
I am new to JS, please tell me where I am wrong. Thank you!

This is my log:
ssdrive@home MINGW64 ~/MagicMirror
$ npm install --only=prod

magicmirror@2.12.0 install C:\Users\ssdrive\MagicMirror
echo "Installing vendor files …
" && cd vendor && npm install --loglevel=error

"Installing vendor files …

magicmirror@2.12.0 postinstall C:\Users\ssdrive\MagicMirror
npm run install-fonts && echo "MagicMirror installation finished successfully!
"

magicmirror@2.12.0 install-fonts C:\Users\ssdrive\MagicMirror
echo "Installing fonts …
" && cd fonts && npm install --loglevel=error

"Installing fonts …
"MagicMirror installation finished successfully!
audited 1050 packages in 16.723s

75 packages are looking for funding
run npm fund for details

found 3 low severity vulnerabilities
run npm audit fix to fix them, or npm audit for details

ssdrive@home MINGW64 ~/MagicMirror
$ cd vendor

ssdrive@home MINGW64 ~/MagicMirror/vendor
$ npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

added 82 packages from 57 contributors and audited 150 packages in 15.029s
found 8 vulnerabilities (7 low, 1 high)
run npm audit fix to fix them, or npm audit for details

ssdrive@home MINGW64 ~/MagicMirror/vendor
$ cd …\fonts
bash: cd: …fonts: No such file or directory

ssdrive@home MINGW64 ~/MagicMirror/vendor
$ cd …

ssdrive@home MINGW64 ~/MagicMirror
$ cd fonts

ssdrive@home MINGW64 ~/MagicMirror/fonts
$ npm install
added 1 package from 1 contributor and audited 1 package in 0.993s
found 0 vulnerabilities

ssdrive@home MINGW64 ~/MagicMirror/fonts
$ cd …

ssdrive@home MINGW64 ~/MagicMirror
$ notepad package.json

ssdrive@home MINGW64 ~/MagicMirror
$ npm start
npm ERR! code EJSONPARSE
npm ERR! file C:\Users\ssdrive\MagicMirror\package.json
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected token ， in JSON at position 209 while parsing near ‘…tron js/electron.js"，
npm ERR! JSON.parse “server”: "node …’
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ssdrive\AppData\Roaming\npm-cache_logs\2020-08-09T20_33_43_328Z-debug.log

ssdrive@home MINGW64 ~/MagicMirror
$ npm start
npm ERR! code EJSONPARSE
npm ERR! file C:\Users\ssdrive\MagicMirror\package.json
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected token ， in JSON at position 209 while parsing near ‘…tron js/electron.js"，
npm ERR! JSON.parse “server”: "node …’
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ssdrive\AppData\Roaming\npm-cache_logs\2020-08-09T20_41_40_531Z-debug.log

ssdrive@home MINGW64 ~/MagicMirror
$