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

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