MMM-pages no rotate

MisterT

Hi everybody
Todya i have a problem with MMM-pages Everythind wass alright until today.
After add MMM-google photos (Idon’t know if this module the problem but i don’t think so) i modified my MMM-pages config.js and now MMM-pages doesn’t rotate.
I have this error message when i press CTRL+SHIFT+i:

(index):1 Refused to apply style from 'http://0.0.0.0:8080/modules/WallberryTheme/font-awesome5.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
main.js:398 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at main.js:398
    at Array.filter (<anonymous>)
    at modulesByClass (main.js:397)
    at Array.exceptWithClass (main.js:380)
    at Class.animatePageChange (MMM-pages.js:152)
    at Class.updatePages (MMM-pages.js:136)
    at Class.notificationReceived (MMM-pages.js:78)
    at sendNotification (main.js:95)
    at Object.sendNotification (main.js:502)
    at Class.sendNotification (module.js:368)
main.js:398 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at main.js:398
    at Array.filter (<anonymous>)
    at modulesByClass (main.js:397)
    at Array.exceptWithClass (main.js:380)
    at Class.animatePageChange (MMM-pages.js:152)
    at Class.updatePages (MMM-pages.js:136)
    at Class.notificationReceived (MMM-pages.js:85)
    at sendNotification (main.js:95)
    at Object.sendNotification (main.js:502)
    at Class.sendNotification (module.js:368)
(index):1 Refused to apply style from 'http://0.0.0.0:8080/modules/WallberryTheme/font-awesome5.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
main.js:398 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at main.js:398
    at Array.filter (<anonymous>)
    at modulesByClass (main.js:397)
    at Array.exceptWithClass (main.js:380)
    at Class.animatePageChange (MMM-pages.js:152)
    at Class.updatePages (MMM-pages.js:136)
    at self.timer.setInterval (MMM-pages.js:189)
(anonymous) @ main.js:398
modulesByClass @ main.js:397
exceptWithClass @ main.js:380
animatePageChange @ MMM-pages.js:152
updatePages @ MMM-pages.js:136
self.timer.setInterval @ MMM-pages.js:189
main.js:398 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at main.js:398
    at Array.filter (<anonymous>)
    at modulesByClass (main.js:397)
    at Array.exceptWithClass (main.js:380)
    at Class.animatePageChange (MMM-pages.js:152)
    at Class.updatePages (MMM-pages.js:136)
    at self.timer.setInterval (MMM-pages.js:189)
(anonymous) @ main.js:398
modulesByClass @ main.js:397
exceptWithClass @ main.js:380
animatePageChange @ MMM-pages.js:152
updatePages @ MMM-pages.js:136
self.timer.setInterval @ MMM-pages.js:189

The problem is in main magic mirror js and in MMM-pages js
I’m noob in js and i don’t knwow this error

i tried to delete MMM-pages an reinstall it but this is the same thing

At every end of rotation time, MMM-Pages indicaator change the indicator but the page doesn’t want to rotate and i have the error message

See below my MMM-pages config.js

{
	module: 'MMM-pages',
	config: {
	modules:
[[ "WallberryTheme", "WallberryTheme/WB-clock", "WallberryTheme/WB-weather"],
[ "clock", "weatherforecast", "newsfeed", "MMM-GoogleMapsTraffic", "MMM-Traffic", "MMM-Scrobbler", "MMM-News"],
[ "clock", "calendar", "MMM-Globe", "MMM-MovieListings", "MMM-soccer", "MMM-AQI", "MMM-Strava"],
[ "clock", "MMM-FreeBox-Monitor", "MMM-Spotify", "fabio/domoticz", 'currentweather'],
[ "MMM-GooglePhotos" ]],
fixed: ["MMM-GroveGestures", "MMM-AssistantMk2", "MMM-Hotword", "alert", "updatenotification", "MMM-Screencast", "MMM-page-indicator"],
				
animationTime:1000,
rotationTime: 0.5*60*1000,
rotationDelay: 15000,
}
    },

{
       module: 'MMM-page-indicator',
        position: 'bottom_bar',
        config: {
            		pages:5 ,
       			}
	},

Have you an idea?

chassain 0

@MisterT said in MMM-pages no rotate:

{
module: ‘MMM-pages’,
config: {
modules:
[[ “WallberryTheme”, “WallberryTheme/WB-clock”, “WallberryTheme/WB-weather”],
[ “clock”, “weatherforecast”, “newsfeed”, “MMM-GoogleMapsTraffic”, “MMM-Traffic”, “MMM-Scrobbler”, “MMM-News”],
[ “clock”, “calendar”, “MMM-Globe”, “MMM-MovieListings”, “MMM-soccer”, “MMM-AQI”, “MMM-Strava”],
[ “clock”, “MMM-FreeBox-Monitor”, “MMM-Spotify”, “fabio/domoticz”, ‘currentweather’],
[ “MMM-GooglePhotos” ]],
fixed: [“MMM-GroveGestures”, “MMM-AssistantMk2”, “MMM-Hotword”, “alert”, “updatenotification”, “MMM-Screencast”, “MMM-page-indicator”],

animationTime:1000,
rotationTime: 0.5601000,
rotationDelay: 15000,
}
},

i have tested your config.js on my MagicMirror…no problem for me…but i don’t have all your modules (wallberry, page indicator,…)…try to delete one module et retest…i’m noob too :)

MisterT

hi @chassain-0 i tried to put only clock in page 1 an MMM-freebox in page 2 or an other module but the result is the same. I have an error about “toLowerCase’ of undefined”.

Can anybody help me please

qu1que

I don’t know what your error is, but maybe you can try this: put animationTime, rotationTime, etc BEFORE fixed modules. Here you have an example, this is how I have it working:

{
                        module: 'MMM-pages',
                        config: {
                                modules:
                                        [[ "calendar_monthly", "weatherforecast", "newsfeed"],
                                        [ "calendar_monthly", "calendar", "MMM-ComicStrips_Dilbert"],
                                        [ "MMM-iFrame-Ping"],
                                        [ "MMM-Lunartic", "MMM-SunriseSet", "MMM-ComicStrips_Garfield"],
                                        [ "MMM-RandomPhoto", "MMM-History"],
                                        [ "MMM-AirQuality", "MMM-SystemStats", "newsfeed",],
                                        [ "MMM-Wallpaper"]],
                                        rotationTime: 27600,
                                        fixed: ["alert", "updatenotification", "clock", "currentweather", "MMM-page-indicator"]
                                }
                },

And check all commas in the module syntaxis.
Hope it helps.

qu1que

On first line of your error it says:

Refused to apply style from 'http://0.0.0.0:8080/modules/WallberryTheme/font-awesome5.css'

Maybe that’s the problem… Check font-awesome5.css file

MisterT

thanks @chassain-0 and @qu1que for your help.
I found the gulty module. It’s MMM-Strava. When this module is in MMM-Pages Table, the rotation doesn’t work.
So @ianperrin, do you have an idea why there is rotation problem with MMM-Strava since the autenthification has changed?

chassain 0

@MisterT

good !