MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. JackHammer325
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    J
    Offline
    • Profile
    • Following 1
    • Followers 0
    • Topics 1
    • Posts 11
    • Groups 0

    Posts

    Recent Best Controversial
    • MMM-CalendarExt3 issue Loading / Showing the calendar on Windows

      hello, im very new to all of this and I’ve followed all the guides I have found and I’ve even looked at similar instances on my issue in the forum but i can’t for the life of me figure out what is going wrong.

      This is the forum I tried to follow along with and i still couldn’t get it going.
      https://forum.magicmirror.builders/topic/18012/problem-installing-new-module-beginner-calendarext3-not-displaying?lang=en-US&page=1
      on the other hand this forum showed me how to see in a general area where the problem might be coming from.

      Here is the current Config that I’m running.

      /* MagicMirror² Config
      	language: "en",
      	locale: "en-US",
      	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
      	timeFormat: 24,
      	units: "metric",
      
      	modules: [
      		{
      			module: "calendar",
      			position: "top_left",
      			header: "Upcoming Events",
      			coloredText: true,
      			config: {
      				broadcastPastEvents: true, // <= IMPORTANT to see past events
      				calendars: [
      					{
      						url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics",
      						name: "Holiday1",
      						color: "#2a4d56",
      						symbol: false
      					},
      					{
      						url: "https://calendar.google.com/calendar/xxxx",
      						name: "Person1",
      						color: "#0872fc",
      						symbol: false
      					}
      				]
      			}
      		},
      		{
      			module: "MMM-CalendarExt3",
      			position: "bottom_bar",
      			title: "my calendars",
      			config: {
      				mode: "month",
      				locale: 'en-US',
      				maxEventLines: 5,
      				firstDayOfWeek: 0,
      				weekIndex: 0,
      				weeksInView: 4,
      				waitFetch: 10 * 1000,
      				refreshInterval: 10 * 60 * 1000,
      				glanceTime: 0 * 60 * 1000,
      				eventTimeOptions: {
      					timeStyle: "short"
      				},
      				//useSymbol: false,
      				calendarSet: [ 'Holiday1' ],
      			}
      		},
      	]
      };
      

      after following along in the mentioned forum about locating the issue using dev (developer tools)
      I was able to see this - (im currently using “node serveronly” cause for some reason i cant get it to run on its own but anyway thats another topic for another time, so this is what i see in the consol of the web browser).

      Initializing MagicMirror².
      translator.js:122 Loading core translation file: translations/en.json
      translator.js:138 Loading core translation fallback file: translations/en.json
      loader.js:165 Load script: modules/default/calendar/calendar.js
      module.js:476 Check MagicMirror² version for module 'calendar' - Minimum version:  2.1.0 - Current version: 2.26.0
      module.js:478 Version is ok!
      module.js:484 Module registered: calendar
      loader.js:138 Bootstrapping module: calendar
      loader.js:165 Load script: modules/default/calendar/calendarutils.js
      loader.js:165 Load script: vendor/node_modules/moment/min/moment-with-locales.js
      loader.js:142 Scripts loaded for: calendar
      loader.js:180 Load stylesheet: modules/default/calendar/calendar.css
      loader.js:180 Load stylesheet: vendor/css/font-awesome.css
      loader.js:145 Styles loaded for: calendar
      loader.js:148 Translations loaded for: calendar
      loader.js:165 Load script: modules/MMM-CalendarExt3/MMM-CalendarExt3.js
      MMM-CalendarExt3.js:4 This browser doesn't support popover yet. Update your system.
      module.js:484 Module registered: MMM-CalendarExt3
      loader.js:138 Bootstrapping module: MMM-CalendarExt3
      loader.js:142 Scripts loaded for: MMM-CalendarExt3
      loader.js:180 Load stylesheet: modules/MMM-CalendarExt3/MMM-CalendarExt3.css
      loader.js:145 Styles loaded for: MMM-CalendarExt3
      loader.js:148 Translations loaded for: MMM-CalendarExt3
      loader.js:180 Load stylesheet: css/custom.css
      localhost/:1 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.
      loader.js:190 Error on loading stylesheet: css/custom.css
      calendar.js:97 Starting module: calendar
      main.js:608 All modules started!
      MMM-CalendarExt3.js:372 [CX3] Module is not prepared yet, wait a while.
      getDom	@	MMM-CalendarExt3.js:372
      (anonymous)	@	main.js:138
      updateDom	@	main.js:118
      (anonymous)	@	main.js:61
      createDomObjects	@	main.js:20
      modulesStarted	@	main.js:611
      startModules	@	loader.js:43
      await in startModules (async)		
      loadNextModule	@	loader.js:222
      await in loadNextModule (async)		
      loadNextModule	@	loader.js:215
      await in loadNextModule (async)		
      loadNextModule	@	loader.js:215
      await in loadNextModule (async)		
      loadModules	@	loader.js:225
      init	@	main.js:595
      await in init (async)		
      (anonymous)	@	main.js:738
      TypeError: original.map(...).toSorted is not a function
          at formatEvents (CX3_shared.mjs:341:6)
          at prepareEvents (CX3_shared.mjs:376:10)
          at Class.draw (MMM-CalendarExt3.js:658:26)
          at Class.getDom (MMM-CalendarExt3.js:375:16)
          at main.js:138:35
          at new Promise (<anonymous>)
          at updateDom (main.js:118:10)
          at Object.updateDom (main.js:676:4)
          at Class.updateDom (module.js:336:6)
          at Class.updateAnimate (MMM-CalendarExt3.js:681:10)
      Promise.catch (async)		
      (anonymous)	@	main.js:151
      updateDom	@	main.js:118
      updateDom	@	main.js:676
      updateDom	@	module.js:336
      updateAnimate	@	MMM-CalendarExt3.js:681
      (anonymous)	@	MMM-CalendarExt3.js:166
      setTimeout (async)		
      (anonymous)	@	MMM-CalendarExt3.js:165
      Promise.then (async)		
      start	@	MMM-CalendarExt3.js:162
      startModules	@	loader.js:26
      loadNextModule	@	loader.js:222
      await in loadNextModule (async)		
      loadNextModule	@	loader.js:215
      await in loadNextModule (async)		
      loadNextModule	@	loader.js:215
      await in loadNextModule (async)		
      loadModules	@	loader.js:225
      init	@	main.js:595
      await in init (async)		
      (anonymous)	@	main.js:738
      

      let me know if this is too much info or not enough or anything really.

      posted in Troubleshooting
      J
      JackHammer325
    • 1
    • 2
    • 2 / 2