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.
    • swvalentiS Offline
      swvalenti Project Sponsor @sdetweil
      last edited by

      @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

      @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

      the position where the modules are supposed to show only a black black screen rest of modules work fine

      maybe fonts or the nunjucks… (from vendor folder)

      I did the fonts but no clue what nunjucks is and how to fix it when I googled it I only got pictures of nunjucks

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

        @swvalenti nunjuks is the web content templating code, which some of the modules use (it generates the web content from a ‘form’ like definition)

        but that will not be installed if you do not npm install from the MagicMirror/vendor folder

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        swvalentiS 1 Reply Last reply Reply Quote 0
        • swvalentiS Offline
          swvalenti Project Sponsor @sdetweil
          last edited by

          @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

          @swvalenti nunjuks is the web content templating code, which some of the modules use (it generates the web content from a ‘form’ like definition)

          but that will not be installed if you do not npm install from the MagicMirror/vendor folder

          Ok offially at a lost oh well it was worth a shot to try

          swvalentiS S 2 Replies Last reply Reply Quote 0
          • swvalentiS Offline
            swvalenti Project Sponsor @swvalenti
            last edited by

            @sdetweil as an example MMM-PGA shows this in dev

            module.js:525 Uncaught TypeError: Cannot read properties of undefined (reading 'replace')
                at cmpVersions (module.js:525)
                at Function.Module.register (module.js:502)
                at MMM-PGA.js:9
            
            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @swvalenti
              last edited by

              @swvalenti here are the windows instructions

              https://forum.magicmirror.builders/topic/4089/complete-walkthrough-install-magicmirror-on-a-pc-windows-7-10/226?_=1647717794843

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S sdetweil referenced this topic on
              • S Do not disturb
                sdetweil @swvalenti
                last edited by sdetweil

                @swvalenti mmm-pga… looks like you didn’t complete the MM install process on windows

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                swvalentiS 1 Reply Last reply Reply Quote 0
                • swvalentiS Offline
                  swvalenti Project Sponsor @sdetweil
                  last edited by

                  @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                  @swvalenti mmm-pga… looks like you didn’t complete the MM install process on windows

                  I followed the complete walkthrough but I can’t diagnose what I did wrong if you say that I did. Sorry to be a bother Sam

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

                    @swvalenti I just install the module on my Windows MM 2.18 instance without trouble…

                    it was missing a library , per the back screen link… once I fixed that the module came up without issues

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    swvalentiS 1 Reply Last reply Reply Quote 0
                    • swvalentiS Offline
                      swvalenti Project Sponsor @sdetweil
                      last edited by

                      @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                      @swvalenti I just install the module on my Windows MM 2.18 instance without trouble…

                      it was missing a library , per the back screen link… once I fixed that the module came up without issues

                      Well doesn’t surprise me there! HA thanks for all your work nonetheless

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

                        @swvalenti the module is missing ‘request’

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        swvalentiS 1 Reply Last reply Reply Quote 0
                        • swvalentiS Offline
                          swvalenti Project Sponsor @sdetweil
                          last edited by

                          @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                          @swvalenti the module is missing ‘request’

                          npm install request in the MM folder?

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

                            @swvalenti no,. read the 1st post of the link I posted for black screen

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            swvalentiS 1 Reply Last reply Reply Quote 0
                            • swvalentiS Offline
                              swvalenti Project Sponsor @sdetweil
                              last edited by

                              @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                              @swvalenti no,. read the 1st post of the link I posted for black screen

                              ok we are getting somewhere pga now works, openweather forecast still doesn’t work no error in console

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

                                @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                openweather forecast still doesn’t work no error in console

                                sorry, no idea there

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                swvalentiS 1 Reply Last reply Reply Quote 0
                                • swvalentiS Offline
                                  swvalenti Project Sponsor @sdetweil
                                  last edited by

                                  @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                  @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                  openweather forecast still doesn’t work no error in console

                                  sorry, no idea there

                                  sam whatever you told me to not which step I got it all working. Only issue now is two modules are not centered correctly even when using top_center…how or if you can use css for that?

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

                                    @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                    how or if you can use css for that

                                    maybe… depends on the module

                                    see https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1647717794860

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    swvalentiS 1 Reply Last reply Reply Quote 0
                                    • swvalentiS Offline
                                      swvalenti Project Sponsor @sdetweil
                                      last edited by

                                      @sdetweil any ideas on this one just showed up…It asked me that npm needed major update now it doesn’t work

                                      C:\Users\Svale\MagicMirror>npm start
                                      
                                      > magicmirror@2.18.0 start
                                      > ./node_modules/.bin/electron js/electron.js
                                      
                                      '.' is not recognized as an internal or external command,
                                      operable program or batch file.
                                      
                                      C:\Users\Svale\MagicMirror>
                                      
                                      S 2 Replies Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @swvalenti
                                        last edited by

                                        @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                        ./node_modules

                                        yes, you cannot have the ./ in front… windows doesn’t understand that …

                                        read the instructions again

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

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

                                          @swvalenti you shouldn’t update things unless u know why you are doing it…

                                          we test with certain runtimes and release every 3 months

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • swvalentiS Offline
                                            swvalenti Project Sponsor @sdetweil
                                            last edited by

                                            @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                            @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                            ./node_modules

                                            yes, you cannot have the ./ in front… windows doesn’t understand that …

                                            read the instructions again

                                            now I get this error…will never update again lesson learned

                                            C:\Users\Svale\MagicMirror>npm start
                                            
                                            > magicmirror@2.18.0 start C:\Users\Svale\MagicMirror
                                            > electron js/electron.js
                                            
                                            'electron' is not recognized as an internal or external command,
                                            operable program or batch file.
                                            npm ERR! code ELIFECYCLE
                                            npm ERR! errno 1
                                            npm ERR! magicmirror@2.18.0 start: `electron js/electron.js`
                                            npm ERR! Exit status 1
                                            npm ERR!
                                            npm ERR! Failed at the magicmirror@2.18.0 start script.
                                            npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
                                            
                                            npm ERR! A complete log of this run can be found in:
                                            npm ERR!     C:\Users\Svale\AppData\Roaming\npm-cache\_logs\2022-03-21T21_48_27_176Z-debug.log
                                            
                                            C:\Users\Svale\MagicMirror>
                                            
                                            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
                                            • 13
                                            • 14
                                            • 15
                                            • 16
                                            • 17
                                            • 17 / 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