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

[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