Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10

Plainbroke 0

All,
You can not copy and paste though. I had to manually type it all in to make it work.
Still in MagicMirror;
nano package.json
right under the other “start”: “???”
go to the line below it and hit enter.
Then type in the blank space you just made.
“start”: “node_modules/.bin/electron js/electron.js”,
//DO NOT LEAVE OUT THE PUNCTUATION. ESPECIALLY THE COMMA AT THE END.
//I speak from expereince on this matter.
//Mykle1 usually has to help me find it after struggling for a couple hours.
THEN:
cd ~/MagicMirror/vendor
npm install
cd fonts
npm install
NOW IT will RUN
Thank you agian Mykle1
I am really enjoying this on my laptop,
so much easier to do testing ect.

sdetweil

@Plainbroke-0 it was Sam, but anyway I cut and paste ALL the time. you need to add the code block marks around the actual steps to make them readable

blake_northrup

@OldShaterhan

I just made the change, and this is what I get when trying npm start:

$ npm start

magicmirror@2.12.0 start C:\Users\blake\MagicMirror
run-start.sh

‘run-start.sh’ is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! magicmirror@2.12.0 start: run-start.sh
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the magicmirror@2.12.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\blake\AppData\Roaming\npm-cache_logs\2020-07-07T18_11_04_725Z-debug.log

blake_northrup

@dwburger said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

“node_modules/.bin/electron js/electron.js”

Thank you dwburger! This fixed my issue!

blake_northrup

I guess I spoke too soon. npm starts, but I have a blank screen. Haven’t done anything to the config.js file, except make a copy of the config.js.sample, and removed the .sample. See output:

$ npm run config:check

magicmirror@2.12.0 config:check C:\Users\blake\MagicMirror
node js/check_config.js

[2020-07-07 13:50:13.582] [INFO] Checking file… C:\Users\blake\MagicMirror\config\config.js
[2020-07-07 13:50:13.630] [LOG] Line 1 col 1 Definition for rule ‘prettier/prettier’ was not found.
C:\Users\blake\MagicMirror\js\check_config.js:66
throw new Error(“Wrong syntax in config file!”);
^

Error: Wrong syntax in config file!
at C:\Users\blake\MagicMirror\js\check_config.js:66:10
at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! magicmirror@2.12.0 config:check: node js/check_config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the magicmirror@2.12.0 config:check script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\blake\AppData\Roaming\npm-cache_logs\2020-07-07T18_50_13_660Z-debug.log

sdetweil

@blake_northrup not run-start

“start”:“node_modules/.bin/electron js/electron.js”,

sdetweil

@blake_northrup because u installed on windows, there are a couple extra steps

cd MagicMirror
cd vendor
npm install
cd …\fonts. 2dots
npm install
cd … 2dot

the npm start

this phone editor will not let me enter 2 dots, displays as 3

blake_northrup

@sdetweil Thank you sdetweil. I will try thins now, and let you know.

blake_northrup

@sdetweil Still getting black screen after performing these steps. For some reason, it is stating that I have the wrong syntax in the config file.

$ npm run config:check

magicmirror@2.12.0 config:check C:\Users\blake\MagicMirror
node js/check_config.js

[2020-07-08 07:59:36.797] [INFO] Checking file… C:\Users\blake\MagicMirror\config\config.js
[2020-07-08 07:59:36.854] [LOG] Line 1 col 1 Definition for rule ‘prettier/prettier’ was not found.
C:\Users\blake\MagicMirror\js\check_config.js:66
throw new Error(“Wrong syntax in config file!”);
^

Error: Wrong syntax in config file!
at C:\Users\blake\MagicMirror\js\check_config.js:66:10
at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! magicmirror@2.12.0 config:check: node js/check_config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the magicmirror@2.12.0 config:check script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

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

blake_northrup

@sdetweil Nevermind. All is now working. Had an extra bit of info in my config file that didn’t need to be there. Thanks again for all of your help sdetweil!

dphotograph

@blake_northrup

Hi,
what was your “extra bit of info in my config file” ? i haf the same error and dont find an error with my config file on my new installed MagicMirror

Thanks :-)

blake_northrup

@dphotograph Hey dphotograph, I had somehow copied the bottom part twice, and that was my problem. I just copied the config sample again, and built all of my modules, one by one.

djkj84

Hey guys,
Really new to this so i’m doing my best… But i am stuck… Any help with this please?
I’m on Windows 10 Pro.
Thanks in advance.

npm start

magicmirror@2.12.0 start C:\Users\Smart Mirror\MagicMirror
DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

‘DISPLAY’ is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! magicmirror@2.12.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the magicmirror@2.12.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Smart Mirror\AppData\Roaming\npm-cache_logs\2020-08-19T10_14_26_713Z-debug.log

earnestrichards

@djkj84 I had this same problem on Win7.

I searched the forum and found this post by @sdetweil…

fix

Uwe Kretsen

@Mykle1 said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

Had enough? Lets run that MagicMirror, NOW!

Hallo there,
if you will find some free time to help :
I tried a few times to process the whole procedure of starting new MM software on PC - I am not even a newbie so it is really hard to say what I am doing wrong.
see pic - does it say to you anything?
it seems I will have to give up - programming is not for all ;-)
BR

sdetweil

@Uwe-Kretsen do not install under mingw, just open a command prompt/ powershell prompt and do the git clone/npm install

u need git of course and node/npm (google how to install)

then u need to do some more steps as the setup is for linux

cd MagicMirror
cd vendor
npm install
cd ..
cd fonts
npm install
cd ..

then edit package.json and change the start line
from

		"start": "DISPLAY=\"${DISPLAY:=:0}\" ./node_modules/.bin/electron js/electron.js",

to

		"start": "node_modules/.bin/electron js/electron.js",

then npm start works as expected

also, you must manually copy the MagicMirror/config/config.js.sample to the initial config.js
also create the empty MagicMirror/css/custom.css

Uwe Kretsen

@sdetweil Dear Sam, thank you for the help - it start to work. I am really grateful fro support.
Now I will spend some days or weeks :-) to find out how to add /remove extra modules. hope to do my MagicMirror project to the end.
once again thank you
and stay healthy
BR Uwe

sdetweil

@Uwe-Kretsen see the links in my signature , they will help you

bhumin

@Mykle1 said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

git clone https://github.com/MichMich/MagicMirror.git

following error arrives when start

magicmirror@2.13.0 start C:\Users\bhumi\MagicMirror
DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

‘DISPLAY’ is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! magicmirror@2.13.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the magicmirror@2.13.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\bhumi\AppData\Roaming\npm-cache_logs\2020-12-16T05_04_47_316Z-debug.log

bhumin

@sdetweil thanks man