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.5k 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.
    • 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
                      • A Offline
                        airart @sdetweil
                        last edited by

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

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

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

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            S A 2 Replies Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @sdetweil
                              last edited by

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

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

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

                                @sdetweil can i install npm v6 ?

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

                                  @airart yes,

                                  npm install -g npm@6.14.0

                                  after this completes

                                  cd MagicMirror
                                  rd /s/q node_modules
                                  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 in which folder it should be installed

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

                                      @airart -g means global

                                      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 it works ! I am so moved, evidently that was the problem.
                                        Does CMD remain active how do I leave the MM? fn + f11 reduces to window
                                        I also noticed some warnings

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

                                          @airart ctrl-c in ther terminal window will stop the active program

                                          ignore warnings

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • M Offline
                                            matefits71
                                            last edited by

                                            Thanks for the tutorial, i’m running magicmirror on a surface pro 4,

                                            The installation worked perfectly but when i tried to run npm start it throw an error “> DISPLAY=”${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js"

                                            To bypass the error i edited the package.json by removing the DISPLAY="${DISPLAY:=:0} at the begining, tried npm start and it worked.

                                            I’m not sure for what is that display option.

                                            S 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