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.
    • 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 Do not disturb
                  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 Do not disturb
                    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 Do not disturb
                          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 Do not disturb
                              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