Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

calendar disappears


Hello, the calendar app in metronic 7 html sometimes disappears, it doesn't load, the problem is that it's not always, it happens sometimes.

Any known bug?

Thank you


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Could you please provide more info?
Is it happening in your custom code, within your site, or in the preview site? If it's in your site can you provide a test link ?

Regards.



Hello, it happens to us on one of our sites with a password, how can I gain access without seeing it in the forum?
I attach errors that come out on the console when it fails.
I don't know how to upload images
---

bootstrap-select.min.js:7 Uncaught ReferenceError: jQuery is not defined
at bootstrap-select.min.js:7:22950
index.php:1 Mixed Content: The page at 'https://yobu.es/index.php?controller=Eventos&action=indexCalendar' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.datohosting.com/errores/datoerror404.html'. This request has been blocked; the content must be served over HTTPS.
index.php:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at index.php?controller=Eventos&action=indexCalendar:634:27
resize.js:3 Uncaught TypeError: Cannot read properties of null (reading 'querySelector')
at resize.js:3:22
jquery.js:3841 jQuery.Deferred exception: $(...).fullCalendar is not a function TypeError: $(...).fullCalendar is not a function
at calendarInit (webpack:///../src/assets/js/pages/dashboard.js?:1886:27)
at Object.init (webpack:///../src/assets/js/pages/dashboard.js?:2108:13)
at HTMLDocument.eval (webpack:///../src/assets/js/pages/dashboard.js?:2127:17)
at mightThrow (webpack:///./node_modules/jquery/dist/jquery.js?:3557:29)
at process (webpack:///./node_modules/jquery/dist/jquery.js?:3625:12) undefined
jQuery.Deferred.exceptionHook @ jquery.js:3841
jquery.js:3841 jQuery.Deferred exception: Cannot read properties of null (reading 'getUTCFullYear') TypeError: Cannot read properties of null (reading 'getUTCFullYear')
at GregorianCalendarSystem.getMarkerYear (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:4862:18)
at DateEnv.startOfMonth (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5122:33)
at DateEnv.startOf (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5097:25)
at computeRes (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5582:29)
at DayGridDateProfileGenerator.DateProfileGenerator.buildRangeFromDuration (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5586:9)
at DayGridDateProfileGenerator.DateProfileGenerator.buildCurrentRangeInfo (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5507:26)
at DayGridDateProfileGenerator.DateProfileGenerator.build (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:5446:28)
at CalendarComponent.renderToolbars (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:6355:46)
at CalendarComponent.res [as _renderToolbars] (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:3334:24)
at CalendarComponent.render (webpack:///./node_modules/@fullcalendar/core/main.esm.js?:6346:14) undefined
jQuery.Deferred.exceptionHook @ jquery.js:3841
jquery.js:3850 Uncaught TypeError: $(...).fullCalendar is not a function
at calendarInit (dashboard.js:1886:27)
at Object.init (dashboard.js:2108:13)
at HTMLDocument.eval (dashboard.js:2127:17)
at mightThrow (jquery.js:3557:29)
at process (jquery.js:3625:12)
jquery.js:3850 Uncaught TypeError: Cannot read properties of null (reading 'getUTCFullYear')
at GregorianCalendarSystem.getMarkerYear (main.esm.js:4862:18)
at DateEnv.startOfMonth (main.esm.js:5122:33)
at DateEnv.startOf (main.esm.js:5097:25)
at computeRes (main.esm.js:5582:29)
at DayGridDateProfileGenerator.DateProfileGenerator.buildRangeFromDuration (main.esm.js:5586:9)
at DayGridDateProfileGenerator.DateProfileGenerator.buildCurrentRangeInfo (main.esm.js:5507:26)
at DayGridDateProfileGenerator.DateProfileGenerator.build (main.esm.js:5446:28)
at CalendarComponent.renderToolbars (main.esm.js:6355:46)
at CalendarComponent.res [as _renderToolbars] (main.esm.js:3334:24)
at CalendarComponent.render (main.esm.js:6346:14)
index.php:1 Mixed Content: The page at 'https://yobu.es/index.php?controller=Eventos&action=indexCalendar' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.datohosting.com/errores/datoerror404.html'. This request has been blocked; the content must be served over HTTPS.
DevTools failed to load source map: Could not load content for webpack:///node_modules/tooltip.js/dist/esm/tooltip.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/popper.js/dist/esm/popper.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/bootstrap/dist/js/bootstrap.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/jquery-form/dist/jquery.form.min.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/perfect-scrollbar/dist/perfect-scrollbar.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/bootstrap-select/dist/js/bootstrap-select.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/summernote/dist/summernote.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for webpack:///node_modules/pdfmake/build/pdfmake.js.map: Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
main.esm.js:6430 Uncaught TypeError: Cannot read properties of null (reading 'addScroll')
at CalendarComponent.updateSize (main.esm.js:6430:18)
at Calendar.updateSize (main.esm.js:7298:28)
at Calendar.windowResize (main.esm.js:7291:18)
at later (main.esm.js:1167:27)
CalendarComponent.updateSize @ main.esm.js:6430
Calendar.updateSize @ main.esm.js:7298
Calendar.windowResize @ main.esm.js:7291
later @ main.esm.js:1167



Hi,

Sorry, we are not able to investigate the issue from the compiled JS code.
Please try to debug your code by checking the full calendar instance from the point it's initialized in the code till its disappearance. I believe there is some custom code added in your app that removes it somehow. This is more like your application custom code's issue rather than Metronic's genuine issue.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(