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!