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

[sdetweil]

@airart interesting

ok, lets try to start over that step

cd MagicMirror
del package-lock.json
rd /q/s  node_modules

npm install  only=prod

we will want the name of the log file when it finishes in case

[airart]

@sdetweil only the name ?
2021-05-28T12_56_04_242Z-debug

0 verbose cli [
0 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
0 verbose cli   'C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
0 verbose cli   'install',
0 verbose cli   'only=prod'
0 verbose cli ]
1 info using npm@7.14.0
2 info using node@v14.17.0
3 timing npm:load:whichnode Completed in 8ms
4 timing config:load:defaults Completed in 9ms
5 timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 8ms
6 timing config:load:builtin Completed in 9ms
7 timing config:load:cli Completed in 9ms
8 timing config:load:env Completed in 3ms
9 timing config:load:file:C:\Users\gizmo\MagicMirror\.npmrc Completed in 2ms
10 timing config:load:project Completed in 5ms
11 timing config:load:file:C:\Users\gizmo\.npmrc Completed in 1ms
12 timing config:load:user Completed in 1ms
13 timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\etc\npmrc Completed in 1ms
14 timing config:load:global Completed in 2ms
15 timing config:load:validate Completed in 1ms
16 timing config:load:credentials Completed in 10ms
17 timing config:load:setEnvs Completed in 12ms
18 timing config:load Completed in 61ms
19 timing npm:load:configload Completed in 61ms
20 timing npm:load:setTitle Completed in 3ms
21 timing npm:load:setupLog Completed in 11ms
22 timing npm:load:cleanupLog Completed in 13ms
23 timing npm:load:configScope Completed in 0ms
24 timing npm:load:projectScope Completed in 4ms
25 timing npm:load Completed in 104ms
26 timing config:load:flatten Completed in 20ms
27 timing arborist:ctor Completed in 3ms
28 timing arborist:ctor Completed in 1ms
29 timing idealTree:init Completed in 122ms
30 timing idealTree Completed in 150ms
31 timing command:install Completed in 234ms
32 verbose stack Error: Invalid tag name "only=prod": Tags may not have any characters that encodeURIComponent encodes.
32 verbose stack     at invalidTagName (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\npm-package-arg\npa.js:94:15)
32 verbose stack     at fromRegistry (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\npm-package-arg\npa.js:299:13)
32 verbose stack     at resolve (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\npm-package-arg\npa.js:84:12)
32 verbose stack     at npa (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\npm-package-arg\npa.js:55:10)
32 verbose stack     at C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:474:50
32 verbose stack     at Array.map (<anonymous>)
32 verbose stack     at Arborist.[add] (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:471:28)
32 verbose stack     at Arborist.[applyUserRequestsToNode] (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:446:23)
32 verbose stack     at Arborist.[applyUserRequests] (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:402:43)
32 verbose stack     at Arborist.buildIdealTree (C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:217:37)
33 verbose cwd C:\Users\gizmo\MagicMirror
34 verbose Windows_NT 10.0.18362
35 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" "only=prod"
36 verbose node v14.17.0
37 verbose npm  v7.14.0
38 error code EINVALIDTAGNAME
39 error Invalid tag name "only=prod": Tags may not have any characters that encodeURIComponent encodes.
40 verbose exit 1

[sdetweil]

@airart sorry, typo

–only=prod

[airart]

@sdetweil ok done , but no log is generated
npm start

same errors :-(

[sdetweil]

@airart there is always a log

in the users home folder .npm/logs

I will recheck my windows env too

npm install --loglevel verbose

should write a file in the local folder

npm-debug.log

when I start my MM i get

C:\Users\sdetw\MagicMirror>npm start

> magicmirror@2.15.0 start C:\Users\sdetw\MagicMirror
> electron js/electron.js


[28.05.2021 09:25.27.486] [LOG]   Starting MagicMirror: v2.15.0

[airart]

@sdetweil i try to find this .log but no one is generating … i search in all of my hdd …
when i type npm start

C:\Users\gizmo\MagicMirror>npm start

> magicmirror@2.15.0 start
> node_modules/.bin/electron js/electron.js

"node_modules" non è riconosciuto come comando interno o esterno,
 un programma eseguibile o un file batch.

and there’s no electron js FOLDER in .bin FOLDER

[sdetweil]

@airart do again

npm install --loglevel verbose

[airart]

@sdetweil nope pal , nothing …
no log
no start

where is your log ?

[sdetweil]

@airart man I hate this stuff changing all the time

do this

npm install --only=prod --loglevel verbose >somefile.txt 2>&1

then the install info is in somefile.txt

[airart]

@sdetweil here !

npm verb cli [
npm verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm verb cli   'C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   '--only=prod',
npm verb cli   '--loglevel',
npm verb cli   'verbose'
npm verb cli ]
npm info using npm@7.14.0
npm info using node@v14.17.0
npm timing npm:load:whichnode Completed in 8ms
npm timing config:load:defaults Completed in 10ms
npm timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 16ms
npm timing config:load:builtin Completed in 16ms
npm verb config only Use `--omit=dev` to omit dev dependencies from the install.
npm timing config:load:cli Completed in 11ms
npm timing config:load:env Completed in 2ms
npm timing config:load:file:C:\Users\gizmo\MagicMirror\.npmrc Completed in 2ms
npm timing config:load:project Completed in 5ms
npm timing config:load:file:C:\Users\gizmo\.npmrc Completed in 1ms
npm timing config:load:user Completed in 2ms
npm timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\etc\npmrc Completed in 1ms
npm timing config:load:global Completed in 1ms
npm timing config:load:validate Completed in 2ms
npm timing config:load:credentials Completed in 7ms
npm timing config:load:setEnvs Completed in 5ms
npm timing config:load Completed in 64ms
npm timing npm:load:configload Completed in 65ms
npm timing npm:load:setTitle Completed in 1ms
npm timing npm:load:setupLog Completed in 5ms
npm timing npm:load:cleanupLog Completed in 14ms
npm timing npm:load:configScope Completed in 0ms
npm timing npm:load:projectScope Completed in 5ms
npm timing npm:load Completed in 127ms
npm timing config:load:flatten Completed in 16ms
npm timing arborist:ctor Completed in 4ms
npm timing idealTree:init Completed in 2669ms
npm timing idealTree:userRequests Completed in 1ms
npm timing idealTree:#root Completed in 2ms
npm timing idealTree:buildDeps Completed in 9ms
npm timing idealTree:fixDepFlags Completed in 1ms
npm timing idealTree Completed in 2750ms
npm timing arborist:ctor Completed in 1ms
npm timing reify:loadTrees Completed in 5000ms
npm timing reify:diffTrees Completed in 162ms
npm timing reify:retireShallow Completed in 1ms
npm timing reify:createSparse Completed in 5ms
npm timing reify:trashOmits Completed in 70ms
npm timing reify:loadBundles Completed in 0ms
npm timing reify:unpack Completed in 189ms
npm timing reify:unretire Completed in 1ms
npm timing build:queue Completed in 20ms
npm timing build:deps Completed in 23ms
npm timing build Completed in 23ms
npm timing reify:build Completed in 25ms
npm http fetch POST 200 https://registry.npmjs.org/-/npm/v1/security/advisories/bulk 7305ms
npm timing auditReport:getReport Completed in 7342ms
npm timing auditReport:init Completed in 0ms
npm timing reify:audit Completed in 7347ms
npm timing reify:trash Completed in 7867ms
npm timing reify:save Completed in 1634ms
npm timing reify Completed in 15363ms

> magicmirror@2.15.0 install
> echo "Installing vendor files ...
> " && cd vendor && npm install --loglevel=error

"Installing vendor files ...

> magicmirror@2.15.0 postinstall
> npm run install-fonts && echo "MagicMirror installation finished successfully! 
> "

npm info it worked if it ends with ok
npm verb cli [
npm verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm verb cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'prefix',
npm verb cli   '-g'
npm verb cli ]
npm info using npm@6.14.13
npm info using node@v14.17.0
npm verb exit [ 0, true ]
npm timing npm Completed in 377ms
npm info ok 
npm verb cli [
npm verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm verb cli   'C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'run',
npm verb cli   'install-fonts'
npm verb cli ]
npm info using npm@7.14.0
npm info using node@v14.17.0
npm timing npm:load:whichnode Completed in 8ms
npm timing config:load:defaults Completed in 11ms
npm timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 15ms
npm timing config:load:builtin Completed in 16ms
npm timing config:load:cli Completed in 8ms
npm timing config:load:env Completed in 5ms
npm timing config:load:file:C:\Users\gizmo\MagicMirror\.npmrc Completed in 1ms
npm timing config:load:project Completed in 5ms
npm timing config:load:file:C:\Users\gizmo\.npmrc Completed in 0ms
npm timing config:load:user Completed in 1ms
npm timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\etc\npmrc Completed in 1ms
npm timing config:load:global Completed in 1ms
npm timing config:load:validate Completed in 4ms
npm timing config:load:credentials Completed in 5ms
npm timing config:load:setEnvs Completed in 4ms
npm timing config:load Completed in 60ms
npm timing npm:load:configload Completed in 62ms
npm timing npm:load:setTitle Completed in 1ms
npm timing npm:load:setupLog Completed in 5ms
npm timing npm:load:cleanupLog Completed in 14ms
npm timing npm:load:configScope Completed in 0ms
npm timing npm:load:projectScope Completed in 5ms
npm timing npm:load Completed in 118ms
npm timing config:load:flatten Completed in 16ms

> magicmirror@2.15.0 install-fonts
> echo "Installing fonts ...
> " && cd fonts && npm install --loglevel=error

"Installing fonts ...
npm timing command:run-script Completed in 65ms
npm verb exit 0
npm timing npm Completed in 1407ms
npm info ok 
"MagicMirror installation finished successfully! 

up to date, audited 331 packages in 21s

21 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
npm timing command:install Completed in 19769ms
npm verb exit 0
npm timing npm Completed in 21493ms
npm info ok 

[sdetweil]

@airart well aint that useless… doesn;t say anything about electron

lets try this

cd MagicMirror
npm install  electron@11.3.0  --loglevel=verbose

[airart]

@sdetweil is not working

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

same errors

C:\Users\gizmo\MagicMirror>npm start

> magicmirror@2.15.0 start
> node_modules/.bin/electron js/electron.js

"node_modules" non è riconosciuto come comando interno o esterno,
 un programma eseguibile o un file batch.

[sdetweil]

@airart did u try to install electron?

cd ~/MagicMirror
npm install electron@11.3.0

so we can see the error, if any

[airart]

@sdetweil yes

C:\Users\gizmo\MagicMirror>npm install  electron@11.3.0  --loglevel=verbose
npm verb cli [
npm verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm verb cli   'C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
npm verb cli   'install',
npm verb cli   'electron@11.3.0',
npm verb cli   '--loglevel=verbose'
n................ecc

[airart]

@sdetweil i try to restore original package.js and this show me a new log…

0 verbose cli [
0 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
0 verbose cli   'C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
0 verbose cli   'start'
0 verbose cli ]
1 info using npm@7.14.0
2 info using node@v14.17.0
3 timing npm:load:whichnode Completed in 8ms
4 timing config:load:defaults Completed in 10ms
5 timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 15ms
6 timing config:load:builtin Completed in 15ms
7 timing config:load:cli Completed in 8ms
8 timing config:load:env Completed in 3ms
9 timing config:load:file:C:\Users\gizmo\MagicMirror\.npmrc Completed in 1ms
10 timing config:load:project Completed in 4ms
11 timing config:load:file:C:\Users\gizmo\.npmrc Completed in 1ms
12 timing config:load:user Completed in 1ms
13 timing config:load:file:C:\Users\gizmo\AppData\Roaming\npm\etc\npmrc Completed in 1ms
14 timing config:load:global Completed in 1ms
15 timing config:load:validate Completed in 1ms
16 timing config:load:credentials Completed in 5ms
17 timing config:load:setEnvs Completed in 4ms
18 timing config:load Completed in 53ms
19 timing npm:load:configload Completed in 54ms
20 timing npm:load:setTitle Completed in 1ms
21 timing npm:load:setupLog Completed in 13ms
22 timing npm:load:cleanupLog Completed in 14ms
23 timing npm:load:configScope Completed in 0ms
24 timing npm:load:projectScope Completed in 2ms
25 timing npm:load Completed in 96ms
26 timing config:load:flatten Completed in 15ms
27 timing command:run-script Completed in 3ms
28 timing command:start Completed in 57ms
29 verbose stack Error: ENOENT: no such file or directory, open 'C:\Users\gizmo\MagicMirror\package.json'
30 verbose cwd C:\Users\gizmo\MagicMirror
31 verbose Windows_NT 10.0.18362
32 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\gizmo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "start"
33 verbose node v14.17.0
34 verbose npm  v7.14.0
35 error code ENOENT
36 error syscall open
37 error path C:\Users\gizmo\MagicMirror/package.json
38 error errno -4058
39 error enoent ENOENT: no such file or directory, open 'C:\Users\gizmo\MagicMirror\package.json'
40 error enoent This is related to npm not being able to find a file.
41 verbose exit -4058

[airart]

nothing to do, it doesn’t seem to find the electron file and folders

[sdetweil]

@airart i don’t understand, I installed on windows 10 without trouble… but it was npm v6.

I just installed and used npm 7.14…

I had to use the full path to electron

here is my package.json start line

"start": "/Users/sdetw/MagicMirror/node_modules/.bin/electron js/electron.js",

this is due to a change in npm… my prior instance will not start now without the full path

[sdetweil]

this is because npm 7.14 is trying to launch from the MagicMirror folder instead of the module folder…

[airart]

@sdetweil can i install npm v6 ?

[sdetweil]

@airart yes,

npm install -g npm@6.14.0

after this completes

cd MagicMirror
rd /s/q node_modules
npm install