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.

    Any module I add turns to blank screen.

    Scheduled Pinned Locked Moved Solved Troubleshooting
    29 Posts 2 Posters 9.0k 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.
    • S Offline
      Socrates @sdetweil
      last edited by

      @sdetweil thanks see my third post , i have the logs uploaded when i tried to install request using
      npm install request

      and then it shows three more packages that are depreciated.
      Not able to install none of those.

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

        @socrates said in Any module I add turns to blank screen.:

        Not able to install none of those

        don’t worry about that… one step at a time…

        don’t do npm fund unless u want to contribute money to other developers (outside MM)

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil
          Do u think i should install MM some other way? I cannot think of anything else.

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

            @socrates well, i would start with one module at a time…

            save the current config.js
            copy the config.js.sample to config.js

            confirm MM runs

            add one module

            resolve any missing dependencies

            i don’t THINK u need to resinstall, but if u want to
            then use my install script… see
            https://github.com/sdetweil/MagicMirror_scripts

            it doesn’t look like config.js editing is the problem, but if so, try my MMM-Config module which generates a form for config , see
            https://github.com/sdetweil/MMM-Config

            but missing libs are a pain in the rear… just no way to know when it will hit

            note that the instructions link I posted will load ‘request’ or any other missing lib
            IN THE MODULE folder

            so, if u find ANOTHER module with the same problem, then u have to load it THERE TOO
            over and over

            you can do it in the MM folder instead, BUT… be warned… if you do an upgrade, the libs will be tossed as they are not referenced by the base, and are considered a security risk (in NPM, not the MM code) so, you could get to do it all over again, …
            (I am considering making a change to my upgrade script to try and detect this… not sure yet)

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @sdetweil Thanks i am gonna follow these steps and let you know.
              I am literally installing one module at a time, but none of the 3rd party module works. Even if i try to edit the inbuilt module that MM came with for eg:- the calendar, i try to add my own google calendar, it wont work. (meaning my calendar wont show up).
              Do u have recommendations of which modules i can initially start with so that all the basic pre-requisite libraries get installed?

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

                @socrates the defaults ones work pretty reliably…

                for mail, the url for the cal ics lnk should download the ics file when used in a browser…
                that is what the cal modules uses

                what modules have u been trying over than default?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @sdetweil
                  I have tried todoist, the calander ext2 module, dynamic weather module, several others. I think i might have an installation issue… I will just reformat my card and re-install using your script.
                  So after i install rpi, do i run ur script in terminal, and follow the prompts?

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

                    @socrates said in Any module I add turns to blank screen.:

                    do i run ur script in terminal, and follow the prompts?

                    yes, just copy paste the one line for install in a terminal window

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil
                      So i have installed mm using your script, and i am up and running, havent installed the modules yet, but that is because i am not able to shutdown mm using pm2 command, mm has been started using pm2 via your script.
                      None of these commands work
                      pm2 restart mm
                      pm2 stop mm

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

                        @socrates said in Any module I add turns to blank screen.:

                        pm2 stop mm

                        cause its not called mm…

                        pm2 status

                        will show u the name , you can also use the number

                        or all to stop everything

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • S Offline
                          Socrates
                          last edited by

                          @sdetweil Dear Sir, you are a genius, i finally got it working. Surely it was an install issue. Using your installation script, and in the past 2 hours i have already inculcated 4 third party modules, and all seems to be working. I might have a question or two later tomorrow when i make more progress, but for now, the main issue is resolved.

                          1 Reply Last reply Reply Quote 1
                          • S Offline
                            Socrates
                            last edited by Socrates

                            So everything is working out great for me, i have added some great modules, and in the processing of adding more.
                            The only one thing i am not able to figure out is the measure of unit for the weather.
                            I am in the US, in texas, and even if i use the imperial unit it wont show it correctly and the weather is totally off.

                                            {
                                                    module: "MMM-Weather",
                                                    position: "top_right",
                                                    header: "Weather Forecast - Katy, TX",
                                                    configDeepMerge: true,
                                                    config: {
                                                    debug: false,
                                                    updateInterval: "15m", // 15 minutes
                                                    updateFadeSpeed: 500,
                                                    api: {
                                                      key: "98dbcccba012ef0fd49c86665a0df584",
                                                      latitude: "29.71490",
                                                      longitude: "95.83688",
                                                      units: "imperial"
                                                            },
                                                    display: {
                                                      CurrentConditions: true,
                                                      ExtraCurrentConditions: true,
                                                      Summary: true,
                                                      ForecastTableColumnHeaderIcons: true,
                                                      HourlyForecast: true,
                                                      DailyForecast: true,
                                                      Precipitation: true,
                                                      Wind: true,
                                                      InlineIcons: true,
                                                      Feels: true,
                                                      SunCondition: true,
                                                      Humidity: true,
                                                      UV: true,
                                                      Beaufort: true
                                                            },
                                                    personalize: {
                                                      hourlyForecastInterval: 3,
                                                      maxHourliesToShow: 3,
                                                      maxDailiesToShow: 3,
                                                      concise: false,
                                                      colored : true,
                                                      forecastLayout: "table",
                                                      forecastHeaderText: ""
                                                            },
                                                    labels: {
                                                    high: "H",
                                                    low: "L",
                                                    timeFormat: "kk[h]"
                                                    }
                                                    }
                                            },
                            
                            Have a look a this code.. and the partial screenshot of my magic mirror through vnc viewer
                            
                            S 1 Reply Last reply Reply Quote 0
                            • S Offline
                              Socrates
                              last edited by

                              alt text

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

                                @socrates said in Any module I add turns to blank screen.:

                                                     longitude: "95.83688",
                                

                                we are west of england, so longitude should be negative (right?)… I am in texas too,

                                so, if u fix that and leave units off, it will take from the top of config

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

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

                                  @sdetweil
                                  Gosh, my parcel got delivered in Europe… :beaming_face_with_smiling_eyes:

                                  The dashboard is starting to take shape.
                                  alt text

                                  A few more important modules and i am set.

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

                                    @socrates said in Any module I add turns to blank screen.:

                                    , my parcel got delivered in Europe…

                                    more like central China!

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

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

                                      @sdetweil
                                      hahaha

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

                                        @socrates easy, maps.google.com, get the map of your location, in the url, delete the minus sign on longitude, and press enter

                                        it will map that location… zoom out til u figure out where that is

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          Socrates
                                          last edited by Socrates

                                          Thank you for your help. I have successfully managed to add quite a bit of useful modules as per my requirements, and have added styling to the fonts etc.
                                          However there are two things I am unable to get around.
                                          First is the wallpaper module.
                                          If i use the default bing option for the source, it wont show more than 10 wallpapers, i have tried to change the “maximumEntries” to 20 or more and it still wont show more than the original 10 wallpapers it loaded the first day (3 days back). Then i tried to change the source to Flickr groups, and it wont show anything now. Please have a look at my code snippet below.

                                                          {
                                                                  module: "MMM-Wallpaper",
                                                                  position: "fullscreen_below",
                                                                  config: { // See "Configuration options" for more information.
                                                                  source: "flickr-group:113291043@N05",
                                                                  maximumEntries: "20",
                                                                  slideInterval: 60 * 1000 // Change slides every minute
                                                                          }
                                                          }, 
                                          

                                          The second item is, i am not able to increase the calendar items, right now it only shows me 5 or 6 items, i am trying to increase it to 10 and it still show the default items.
                                          see below.

                                                          {
                                                                  module: "calendar",
                                                                  header: "Holidays & Reminders",
                                                                  position: "top_left",
                                                                  maximumEntries: "20",
                                                                  config: {
                                                                          calendars: [
                                                                                  {
                                                                                          symbol: "calendar-check",
                                                                                          url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
                                                                                          maximumEntries: 20,
                                                                                  },
                                                                                  {
                                                                                          symbol: "calendar-check",
                                                                                          url: "https://calendar.google.com/calendar/ical/lxxxxxxxxx.ics",
                                                                                          maximumEntries: 20
                                                                                  }
                                                                          ]
                                                                  }
                                                          },
                                          
                                          S 2 Replies Last reply Reply Quote 0
                                          • S Offline
                                            sdetweil @Socrates
                                            last edited by

                                            @socrates

                                            maximumEntries
                                            

                                            goes outside the calendars list

                                            config: {
                                                                           maximumEntries: 10,
                                                                            calendars: [
                                            
                                            Configuration options
                                            

                                            is ALL calendars,. outside the calendars list

                                            Calendar configuration options:
                                            

                                            is per calendar

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            S 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 1 / 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