MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

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

    Scheduled Pinned Locked Moved Troubleshooting
    324 Posts 55 Posters 783.2k Views 59 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Do not disturb
      sdetweil @airart
      last edited by

      @airart mine works like this

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

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      A 1 Reply Last reply Reply Quote 0
      • A Offline
        airart @sdetweil
        last edited by airart

        @sdetweil seems that in node_modules folder/.bin/ there’s not any electron.js
        2021-05-28_07h52_12.png 2021-05-28_07h51_46.png

        i’v also tried with cmd …

        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @airart
          last edited by

          @airart did you do the npm install?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          A 1 Reply Last reply Reply Quote 0
          • A Offline
            airart @sdetweil
            last edited by

            @sdetweil yes i do
            2021-05-28_13h56_20.png

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @airart
              last edited by

              @airart what version of node and npm are installed

              npm -v
              node -v

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              A 1 Reply Last reply Reply Quote 0
              • A Offline
                airart @sdetweil
                last edited by

                @sdetweil npm 7.14.0 , node 14.17.0

                S 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @airart
                  last edited by

                  @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

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  A 1 Reply Last reply Reply Quote 0
                  • A Offline
                    airart @sdetweil
                    last edited by 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
                    
                    S 1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @airart
                      last edited by

                      @airart sorry, typo

                      –only=prod

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      A 1 Reply Last reply Reply Quote 0
                      • A Offline
                        airart @sdetweil
                        last edited by

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

                        same errors :-(

                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @airart
                          last edited by 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
                          

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          A 1 Reply Last reply Reply Quote 0
                          • A Offline
                            airart @sdetweil
                            last edited by 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

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @airart
                              last edited by

                              @airart do again

                              npm install --loglevel verbose

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              A 1 Reply Last reply Reply Quote 0
                              • A Offline
                                airart @sdetweil
                                last edited by

                                @sdetweil nope pal , nothing …
                                no log
                                no start

                                where is your log ?

                                S 1 Reply Last reply Reply Quote 0
                                • S Do not disturb
                                  sdetweil @airart
                                  last edited by

                                  @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

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  A 1 Reply Last reply Reply Quote 0
                                  • A Offline
                                    airart @sdetweil
                                    last edited by

                                    @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 
                                    
                                    
                                    S 1 Reply Last reply Reply Quote 0
                                    • S Do not disturb
                                      sdetweil @airart
                                      last edited by

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

                                      lets try this

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

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      A 1 Reply Last reply Reply Quote 0
                                      • A Offline
                                        airart @sdetweil
                                        last edited by

                                        @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.
                                        
                                        S 1 Reply Last reply Reply Quote 0
                                        • S Do not disturb
                                          sdetweil @airart
                                          last edited by

                                          @airart did u try to install electron?

                                          cd ~/MagicMirror
                                          npm install electron@11.3.0
                                          

                                          so we can see the error, if any

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          A 2 Replies Last reply Reply Quote 0
                                          • A Offline
                                            airart @sdetweil
                                            last edited by

                                            @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
                                            
                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 8
                                            • 9
                                            • 10
                                            • 11
                                            • 12
                                            • 16
                                            • 17
                                            • 10 / 17
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy