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.