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

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…