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.

    MMM-Todoist only displays 'Loading...'

    Scheduled Pinned Locked Moved Troubleshooting
    26 Posts 3 Posters 10.7k Views 3 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.
    • S Offline
      sdetweil @MadeInMaine
      last edited by

      @MadeInMaine when the MagicMirror screen is showing, press ctrl-shift-i

      to open the browser developers window

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil

        In the developer window, there are 3 errors (two are the same, the first of these two)

        • “refused to apply style from ‘http://localhost:8080/css/custo localhost/:1m.css’ because it’s MIME type (‘text/hyml’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.”

        • “Error on loading stylesheet:css/custom.css”

        I have not done any custom css work, although I want to once I figure out the basics.

        Thanks again for any help.

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

          @MadeInMaine this is because custom.css doesn’t exist by default

          do

          touch ~/MagicMirror/css/custom.css

          to create an empty file

          then the errors will go away.

          so no errors in dev window, how about where u did npm start?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @sdetweil

            Open the /.CSS folder and make an empty file named custom.CSS , is that correct?

            And that is correct about the magic mirror screen. No errors there just a blank to do list with nothing below it. And no errors in the terminal when I do the NPM start.

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

              @MadeInMaine yes. but, Linux is case sensitive, so CSS is not the same as css

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              M 2 Replies Last reply Reply Quote 0
              • M Offline
                MadeInMaine @sdetweil
                last edited by

                @sdetweil

                Roger, thank you.

                Made the empty file called custom.css

                When I start MM, Todoist still just says loading

                S 2 Replies Last reply Reply Quote 0
                • S Offline
                  sdetweil @MadeInMaine
                  last edited by sdetweil

                  @MadeInMaine yes, that was not the problem

                  did u get the access token?

                  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 @MadeInMaine
                    last edited by sdetweil

                    @MadeInMaine the module provides a debug option

                    add

                    debug:true,

                    to the module config section

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil

                      That did it!

                      Thank you so much

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

                        @MadeInMaine what did it?

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 2 / 3
                        • 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