MMM-Pages module all showing on one page

sdetweil

MM is a server with a browser auto started (npm start, electron is the browser), and with any browser connecting too
or
MM can be a server (npm run server) with any browser connecting from anywhere

MM is just an app…

you can configure the system to start an app on boot multiple ways

you can edit the system startup settings,
different on window, mac, linx (and diff linux versions)

OR you can run ANOTHER app, that does all that work for you
pm2 (node process manager v2)
it can start many different apps (mm , mmpm, and any other tool you like,

I have a spotify plugin on another mirror app, it can use the spotify api to play, pause, blah blah
if I install and start the spotify player daemon… (librespot or raspotify on pi)
I use pm2 to launch that too , and I can play on this machine.

the cool thing about pm2 is YOU don’t need to know HOW the system autostart works,
pm2 handles all that for you…

hahawoooooo

@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

sdetweil

@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

hahawoooooo

@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'
					],      
				}
			}

hahawoooooo

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!

sdetweil

@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 )

hahawoooooo

@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.

sdetweil

@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