MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

MMM-pages no rotate



  • 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 ()
        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 ()
        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 ()
        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 ()
        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?



  • @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 🙂



  • 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


  • Project Sponsor

    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.


  • Project Sponsor

    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



  • 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?



  • @MisterT

    good !


Log in to reply