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.

    magicmirror is blocked after 30 sec

    Scheduled Pinned Locked Moved Troubleshooting
    19 Posts 2 Posters 5.0k Views 2 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.
    • B Offline
      boyboy
      last edited by boyboy

      two errors displayed on console :

      • Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

      • Error on loadind stylesheet: css/custom.css

      There is only one file in : css/main.css

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @boyboy
        last edited by

        @boyboy custom.css

        I said before

        custom.css’ because its MIME type
        because the file is not created by default… < ------- YOU have to create it if u need it

        if you had used my installer script, it would have created one for you

        see https://github.com/sdetweil/MagicMirror_scripts

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @boyboy
          last edited by

          @boyboy what other modules do you have installed , can u post your config.js, please use the code marker for that text here in the forum

          paste text,
          select text
          then click the </> button above

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • B Offline
            boyboy
            last edited by

            source from : http://localhost:8080/css/custom.css

            @loader.js :205

            stylesheet.onerror = function () {
            Log.error(“error on loading styleshhet:”, fileName);

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @boyboy
              last edited by

              @boyboy hello… did u read my prior post…

              YOU have to create the file…

              do this

              ~/MagicMirror
              touch css/custom.css
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              B 1 Reply Last reply Reply Quote 0
              • B Offline
                boyboy
                last edited by boyboy

                modules: [
                	{
                		module: "alert",
                	},
                	{
                		module: "updatenotification",
                		position: "top_bar"
                	},
                	{
                		module: "clock",
                		position: "top_left"
                	},
                	{
                		module: "calendar",
                		position: "top_left",
                		config: {
                			maximumNumberOfDays: 100,
                			maximumEntries: 7,
                			fade: "false",
                			fadePoint: "0.80",
                			calendars: [
                				{
                					url: 'http://localhost:8080/modules/calendars/*****.ics',
                					symbol: 'calendar'
                				},
                				{
                					url: 'http://localhost:8080/modules/calendars/*****.ics',
                					symbol: 'birthday-cake'	
                				}
                			]
                		}
                	},
                	{
                		module: "compliments",
                		position: "lower_third"
                	},
                	{
                		module: "currentweather",
                		position: "top_right",
                		config: {
                			location: "***",
                			locationID: "3026534", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                			appid: "****", //openweathermap.org API key
                			showHumidity: "true",
                			useKMPHwind: "true",
                			roundTemp: "true",
                			useBeaufort: "false"
                		}
                	},
                	{
                		module: 'MMM-AirQuality',
                		position: 'top_right', // you may choose any location
                		config: {
                			location: 'france/bourgogne/macon-paul-bert/', // the location to check the index for
                			lang: "fr"
                				}
                	},
                	//{
                	//	module: "weatherforecast",
                	//	position: "top_right",
                	//	header: "Weather Forecast",
                	//	config: {
                	//		location: "***",
                	//		locationID: "3026534", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                	//		appid: "****", //openweathermap.org API key
                	//		colored: "true",
                	//		fade: "false",
                	//		fadePoint: "0.75",
                	//		showRainAmount: "true",
                	//		roundTemp: "true"
                	//	}
                	//},
                	{	
                		module: 'MMM-Todoist',
                		position: 'top_left',	// This can be any of the regions. Best results in left or right regions.
                		config: { // See 'Configuration options' for more information.
                			hideWhenEmpty: false,
                			accessToken: '****',
                			maximumEntries: 60,
                			updateInterval: 10*60*1000, // Update every 10 minutes
                			fade: false,  // projects and/or labels is mandatory:
                			projects: [ **** ], 
                			labels: [ "MagicMirror" ] // Tasks for any projects with these labels will be shown.
                		}
                	},
                	{
                		module: 'MMM-Todoist',
                		position: 'top_left',	// This can be any of the regions. Best results in left or right regions.
                		config: { // See 'Configuration options' for more information.
                			hideWhenEmpty: false,
                			accessToken: '***',
                			maximumEntries: 60,
                			updateInterval: 10*60*1000, // Update every 10 minutes
                			fade: false,  // projects and/or labels is mandatory:
                			projects: [ **** ], 
                			labels:  "Important"  // Tasks for any projects with these labels will be shown.
                		}
                	},
                ]
                

                };

                1 Reply Last reply Reply Quote 0
                • B Offline
                  boyboy @sdetweil
                  last edited by

                  @sdetweil i did it. There is no error in console now. But clock still block after 30 sec

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @boyboy
                    last edited by

                    @boyboy said in magicmirror is blocked after 30 sec:

                    But clock still block after 30 sec

                    right, because that was just a useless warning…

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil

                      can u show the messages from the terminal window where you do npm start?

                      npm start >somefile

                      then post somefile
                      as it seems the other modules are having trouble

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • B Offline
                        boyboy
                        last edited by boyboy

                        magicmirror@2.12.0 start /home/pi/MagicMirror
                        DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

                        [2020-09-14 16:12:50.092] [LOG] Starting MagicMirror: v2.12.0
                        [2020-09-14 16:12:50.106] [LOG] Loading config …
                        [2020-09-14 16:12:50.120] [LOG] Loading module helpers …
                        [2020-09-14 16:12:50.124] [LOG] No helper found for module: alert.
                        [2020-09-14 16:12:50.218] [LOG] Initializing new module helper …
                        [2020-09-14 16:12:50.219] [LOG] Module helper loaded: updatenotification
                        [2020-09-14 16:12:50.221] [LOG] No helper found for module: clock.
                        [2020-09-14 16:12:50.977] [LOG] Initializing new module helper …
                        [2020-09-14 16:12:50.978] [LOG] Module helper loaded: calendar
                        [2020-09-14 16:12:50.979] [LOG] No helper found for module: compliments.
                        [2020-09-14 16:12:50.981] [LOG] No helper found for module: currentweather.
                        [2020-09-14 16:12:50.982] [LOG] No helper found for module: MMM-AirQuality.
                        [2020-09-14 16:12:50.987] [LOG] Initializing new module helper …
                        [2020-09-14 16:12:50.988] [LOG] Module helper loaded: MMM-Todoist
                        [2020-09-14 16:12:50.989] [LOG] All module helpers loaded.
                        [2020-09-14 16:12:51.200] [LOG] Starting server on port 8080 …
                        [2020-09-14 16:12:51.227] [LOG] Server started …
                        [2020-09-14 16:12:51.228] [LOG] Connecting socket for: updatenotification
                        [2020-09-14 16:12:51.231] [LOG] Connecting socket for: calendar
                        [2020-09-14 16:12:51.233] [LOG] Starting node helper for: calendar
                        [2020-09-14 16:12:51.234] [LOG] Connecting socket for: MMM-Todoist
                        [2020-09-14 16:12:51.235] [LOG] Starting node helper for: MMM-Todoist
                        [2020-09-14 16:12:51.236] [LOG] Sockets connected & modules started …
                        [2020-09-14 16:12:51.387] [LOG] Launching application.
                        [2020-09-14 16:12:54.429] [LOG] Create new calendar fetcher for url: http://localhost:8080/modules/calendars/****.ics - Interval: 300000
                        [2020-09-14 16:12:54.442] [LOG] Create new calendar fetcher for url: http://localhost:8080/modules/*****.ics - Interval: 300000
                        [2020-09-14 16:12:54.514] [INFO] Checking git for module: MMM-AirQuality
                        [2020-09-14 16:12:54.556] [INFO] Checking git for module: MMM-Todoist
                        [2020-09-14 16:12:54.896] [INFO] Calendar-Fetcher: Broadcasting 7 events.
                        [2020-09-14 16:12:54.920] [INFO] Calendar-Fetcher: Broadcasting 1 events.

                        S 1 Reply Last reply Reply Quote 0
                        • B Offline
                          boyboy
                          last edited by

                          I have disabled all modules in config.js and the clock is not blocking.
                          I will reactivate the modules one by one to identify the failure

                          1 Reply Last reply Reply Quote 0
                          • S Offline
                            sdetweil @boyboy
                            last edited by

                            @boyboy ok… I would start by disabling one added module at a time

                            just add

                               module: ?????,
                              disabled: true,              // < ---- add this line to each module, then don't have to comment out
                             ....
                            

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • B Offline
                              boyboy
                              last edited by boyboy

                              yes i did it.
                              i solved the problem
                              I found the fault in the compliment module.
                              On compliments.js file
                              I wrote :

                              compliments: {
                              			anytime: [],
                              			morning: [],
                              			afternoon: [],
                              			evening: [],
                              "....-01-01": ["Happy new year!"],
                              "....-09-14": ["Happy birthday !"]
                              

                              then adding “”

                              compliments: {
                              			anytime: [""],
                              			morning: [""],
                              			afternoon: [""],
                              			evening: [""],
                              	"....-01-01": ["Happy new year!"],
                              	"....-09-14": ["Happy birthday !"]
                              

                              the update interval is every 30 sec, that’s why it blocked.

                              Thanks you for your help @sdetweil

                              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 / 1
                              • 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