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

[airart]

@sdetweil i edit like this

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

[airart]

@airart it say

“node_modules” non è riconosciuto come come comando interno …

[sdetweil]

@airart mine works like this

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

[airart]

@sdetweil seems that in node_modules folder/.bin/ there’s not any electron.js

i’v also tried with cmd …

[sdetweil]

@airart did you do the npm install?

[airart]

@sdetweil yes i do

[sdetweil]

@airart what version of node and npm are installed

npm -v
node -v

[airart]

@sdetweil npm 7.14.0 , node 14.17.0

[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.