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.

    MMM-Pages module all showing on one page

    Scheduled Pinned Locked Moved Solved Troubleshooting
    26 Posts 3 Posters 1.4k Views 3 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.
    • H Offline
      hahawoooooo @sdetweil
      last edited by sdetweil

      @sdetweil Thanks for the explainer! That really helps to clarify things a bit.

      I am using pm2 to start, and it is running with the electron browser, with the MM running directly on the Raspberry Pi. Your explanation made me realize I can open the magic mirror from any browser in the house while I’m troubleshooting, which is really helpful!

      I still haven’t figured out why the page timing rotation doesn’t work at all. Even if I set modules on different pages (page 0 and page 1, for instance), they all load in when I start up the MM. It’s like the pages aren’t loaded in, so they’re nothing to switch between.

      Here are the logs on firefox from a separate computer while the server is running on the Pi:


      [CX3] Module is not prepared yet, wait a while. MMM-CalendarExt3.js:396:11
      [CX3A] Module is not prepared yet, wait a while. MMM-CalendarExt3Agenda.js:186:11
      Uncaught (in promise) TypeError: searchClass.toLowerCase is not a function
          newModules http://192.168.1.180:8080/js/main.js:526
          modulesByClass http://192.168.1.180:8080/js/main.js:522
          exceptWithClass http://192.168.1.180:8080/js/main.js:507
          animatePageChange http://192.168.1.180:8080/modules/MMM-pages/MMM-pages.js:220
          notificationReceived http://192.168.1.180:8080/modules/MMM-pages/MMM-pages.js:117
          sendNotification http://192.168.1.180:8080/js/main.js:101
          createDomObjects http://192.168.1.180:8080/js/main.js:70
      main.js:526:38
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. 2 main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. 5 main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. 2 main.js:678:9
      module tries to update the DOM without being displayed. 3 main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      module tries to update the DOM without being displayed. main.js:678:9
      

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

        @hahawoooooo

        Please use code block around logs, code or config

        Uncaught (in promise) TypeError: searchClass.toLowerCase is not a function
        newModules http://192.168.1.180:8080/js/main.js:526
        modulesByClass http://192.168.1.180:8080/js/main.js:522
        exceptWithClass http://192.168.1.180:8080/js/main.js:507
        animatePageChange http://192.168.1.180:8080/modules/MMM-pages/MMM-pages.js:220
        notificationReceived http://192.168.1.180:8080/modules/MMM-pages/MMM-pages.js:117
        

        Can you post your pages config

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        H 1 Reply Last reply Reply Quote 0
        • H Offline
          hahawoooooo @sdetweil
          last edited by sdetweil

          @sdetweil Sure thing!

          {  //MMM-Pages
                  module: "MMM-pages",					// flip between pages - goal was to set full page calendar on one page, rest on other
                  config: {
          			timings: {
          				default: 5000			// rotate every 5 seconds
          			},
          			modules: [
                                          ['weather',                          // page 0	
          				'MMM-CalendarExt3',
          				'MMM-CalendarExt3Agenda',
          				'MMM-Chores',
          				'MMM-Dad-Jokes'
          			   ],        				                
                         ['MMM-TitanSchoolMealMenu'],        // page 1
          				],
          			fixed: [
          					['MMM-page-indicator',						// what to show on every page
          					'MMM-SmartTouch',
          					'clock',
          					'MMM-MagicMover',
          					'MMM-Wallpaper']
          				],
          			hiddenPages:{					// modules to not show, or to hide in specific pages 
          				"hidden": [
          					'calendar', 
          					'updatenotification',
          					'MMM-Remote-Control'
          					],      
          				}
          			}
          
          H 1 Reply Last reply Reply Quote 0
          • H Offline
            hahawoooooo @hahawoooooo
            last edited by

            Okay, I may have discovered the reason of the pages not rotating, the “searchClass.toLowerCase” not being found, and possibly a of other small strangeness I was seeing.

            I was running the latest version of magic mirror without realizing you have to do a fresh wipe and re-install for major Raspberry Pi OS updates. I had put aside this project for about a year or so, and picked it back up in October without updating to Trixie.

            I’m working through the OS update and restoring everything from the restore scripts to see how it runs. Fingers crossed!

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

              @hahawoooooo you do NOT Have to do a wipe and install again…

              generally that error message means it was trying to do a string operation (toLowerCase), but the thing was not a string (usually null )

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              H 1 Reply Last reply Reply Quote 0
              • H Offline
                hahawoooooo @sdetweil
                last edited by

                @sdetweil said in MMM-Pages module all showing on one page:

                generally that error message means it was trying to do a string operation (toLowerCase), but the thing was not a string (usually null )

                That makes sense. Updating the OS fixed a few other issues, but the MMM-pages issue is still happening with the same “toLowerCase” error. I’m removing modules I’m not using and spellchecking everything to see if there’s a spelling or formatting error I’m missing in the config file in case that’s the reason for className calls to bork up somewhere.

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

                  @hahawoooooo I also recommend using the classes approach to config

                       modules:[
                                [ "page1"],
                                [ "page2"],
                               ],
                               "fixed": ["fixed"]
                        . Etc
                  

                  Then for the modules you want on page1
                  Add

                        classes:"page1",
                  

                  In the config below module: line

                  This was so much easier for me

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  H 1 Reply Last reply Reply Quote 0
                  • H Offline
                    hahawoooooo @sdetweil
                    last edited by

                    @sdetweil

                    I feel incredibly foolish - I attempted to use classes before and I couldn’t get it to work. It ends up that I had it coded as:

                    class:'page1',
                    

                    instead of:

                    classes:'page1'
                    

                    I swear I stared at this config file forever without seeing it!!! Thanks so much for the being patient, and I got everything working now.

                    S 1 Reply Last reply Reply Quote 1
                    • H hahawoooooo has marked this topic as solved
                    • S Do not disturb
                      sdetweil @hahawoooooo
                      last edited by

                      @hahawoooooo it’s amazing what our minds see, even when it’s wrong!

                      Glad you found it!!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 3 / 3
                      • 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