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 4.7k 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 Do not disturb
        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 Do not disturb
          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 Do not disturb
              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 Do not disturb
                    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 Do not disturb
                      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
                        • 1
                        • 2
                        • 2 / 2
                        • 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