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.

    Positions not working

    Scheduled Pinned Locked Moved Troubleshooting
    22 Posts 6 Posters 3.7k Views 5 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 Offline
      sdetweil @Joshsamuel
      last edited by sdetweil

      @Joshsamuel lower_third is not one of the positions… see ~/MagicMirror/index.html for the defined positions

      can’t paste it here

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      ? 1 Reply Last reply Reply Quote 0
      • J Offline
        Joshsamuel
        last edited by

        @sdetweil Is there a reason why my index.html when opened is a black screen?

        ? 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User @sdetweil
          last edited by A Former User

          This post is deleted!
          S 1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @Joshsamuel
            last edited by

            This post is deleted!
            J 1 Reply Last reply Reply Quote 0
            • J Offline
              Joshsamuel @Guest
              last edited by

              @hango No clue what I’m looking for here but this is what I can see Errors 1 Errors 2

              S 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User
                last edited by

                This post is deleted!
                J 1 Reply Last reply Reply Quote 0
                • J Offline
                  Joshsamuel @Guest
                  last edited by

                  @hango The path is MagicMirror, the ‘r’ is at the start of the next line

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Guest
                    last edited by

                    @hango yep, sorry, missed it…

                    you don’t open index.html with a browser… its the shell that MM uses to place module output

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Joshsamuel
                      last edited by

                      @Joshsamuel error file not found, looks like you didn’t follow some install instructions,

                      there was a step

                      npm install
                      

                      looks like something happened to the node_modules folder where the libraries are saved

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      J 1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User
                        last edited by A Former User

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          Joshsamuel @sdetweil
                          last edited by

                          @sdetweil I ran npm install in the MM directory, it then said new patch version of npm available (6.14.4 > 6.14.5). I then tried to install this using

                          npm install -g npm
                          

                          Then got the following message with some errors:

                          pi@raspberrypi:~/MagicMirror $ npm install -g npm
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/graceful-fs
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/mkdirp
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/nopt
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/npm-registry-fetch
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules
                          npm WARN checkPermissions Missing write access to /usr/lib/node_modules
                          npm ERR! code EACCES
                          npm ERR! syscall access
                          npm ERR! path /usr/lib/node_modules/npm/node_modules/graceful-fs
                          npm ERR! errno -13
                          npm ERR! Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs'
                          npm ERR!  { [Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs']
                          npm ERR!   stack:
                          npm ERR!    'Error: EACCES: permission denied, access \'/usr/lib/node_modules/npm/node_modules/graceful-fs\'',
                          npm ERR!   errno: -13,
                          npm ERR!   code: 'EACCES',
                          npm ERR!   syscall: 'access',
                          npm ERR!   path: '/usr/lib/node_modules/npm/node_modules/graceful-fs' }
                          npm ERR! 
                          npm ERR! The operation was rejected by your operating system.
                          npm ERR! It is likely you do not have the permissions to access this file as the current user
                          npm ERR! 
                          npm ERR! If you believe this might be a permissions issue, please double-check the
                          npm ERR! permissions of the file and its containing directories, or try running
                          npm ERR! the command again as root/Administrator.
                          
                          npm ERR! A complete log of this run can be found in:
                          npm ERR!     /home/pi/.npm/_logs/2020-06-22T17_34_29_233Z-debug.log
                          pi@raspberrypi:~/MagicMirror $ 
                          
                          
                          S lavolp3L 2 Replies Last reply Reply Quote 0
                          • S Offline
                            sdetweil @Joshsamuel
                            last edited by

                            @Joshsamuel yeh, don’t do that…
                            to recover do

                            cd ~/MagicMirror
                            npm install
                            

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            J 1 Reply Last reply Reply Quote 0
                            • J Offline
                              Joshsamuel @sdetweil
                              last edited by

                              @sdetweil Just did that, still haven’t got position working

                              S 1 Reply Last reply Reply Quote 0
                              • S Offline
                                sdetweil @Joshsamuel
                                last edited by

                                @Joshsamuel did u examine the error in index.html as suggested>

                                what does the log look like, both the console log (or pm2 logs --lines=100)
                                and the developer window console?

                                you have broken code, so nothing will be working right

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • lavolp3L Offline
                                  lavolp3 Module Developer @Joshsamuel
                                  last edited by

                                  @Joshsamuel

                                  npm ERR! Error: EACCES: permission denied, access ‘/usr/lib/node_modules/npm/node_modules/graceful-fs’
                                  npm ERR! { [Error: EACCES: permission denied, access ‘/usr/lib/node_modules/npm/node_modules/graceful-fs’]

                                  npm itself is often installed with sudo priviledge (like here, hence “permission denied”).
                                  Therefore you’d need to do sudo npm install -g npm

                                  How to troubleshoot modules
                                  MMM-soccer v2, MMM-AVStock

                                  J 1 Reply Last reply Reply Quote 0
                                  • BKeyportB Offline
                                    BKeyport Module Developer
                                    last edited by BKeyport

                                    By the way, the regions are:

                                    top_bar
                                    bottom_bar
                                    top_left
                                    bottom_left
                                    top_center
                                    bottom_center
                                    top_right
                                    bottom_right
                                    upper_third
                                    lower_third
                                    middle_center
                                    fullscreen_above
                                    fullscreen_below

                                    The "E" in "Javascript" stands for "Easy"

                                    1 Reply Last reply Reply Quote 0
                                    • J Offline
                                      Joshsamuel @lavolp3
                                      last edited by

                                      @lavolp3 I ran the npm install in the MM directory and the update, no error messages this time, but position still doesn’t work

                                      pi@raspberrypi:~ $ cd ~/MagicMirror
                                      pi@raspberrypi:~/MagicMirror $ sudo npm install
                                      npm WARN lifecycle magicmirror@2.11.0~install: cannot run in wd magicmirror@2.11.0 echo "Installing vendor files ...
                                      npm WARN lifecycle " && cd vendor && npm install --loglevel=error (wd=/home/pi/MagicMirror)
                                      npm WARN lifecycle magicmirror@2.11.0~postinstall: cannot run in wd magicmirror@2.11.0 npm run install-fonts && echo "MagicMirror installation finished successfully! 
                                      npm WARN lifecycle " (wd=/home/pi/MagicMirror)
                                      npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents):
                                      npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})
                                      
                                      audited 1082 packages in 20.995s
                                      
                                      77 packages are looking for funding
                                        run `npm fund` for details
                                      
                                      found 3 low severity vulnerabilities
                                        run `npm audit fix` to fix them, or `npm audit` for details
                                      pi@raspberrypi:~/MagicMirror $ sudo npm install -g npm
                                      /usr/bin/npm -> /usr/lib/node_modules/npm/bin/npm-cli.js
                                      /usr/bin/npx -> /usr/lib/node_modules/npm/bin/npx-cli.js
                                      + npm@6.14.5
                                      updated 5 packages in 38.973s
                                      
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • J Offline
                                        Joshsamuel
                                        last edited by Joshsamuel

                                        Hi all, just realised that the positions are working for me but the specific module (MMM-ATM which supposedly works well anywhere) has issues when placed in the middle.

                                        Moving the news bar and other modules to lower_third or middle_center works fine, definitely should’ve tested this from the beginning.

                                        Thanks for all the help from everyone!

                                        BKeyportB 1 Reply Last reply Reply Quote 0
                                        • BKeyportB Offline
                                          BKeyport Module Developer @Joshsamuel
                                          last edited by

                                          @Joshsamuel glad you got it fixed.

                                          The "E" in "Javascript" stands for "Easy"

                                          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
                                          • 1 / 2
                                          • 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