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
      last edited by

      I am new to MM, and i do have some programming knowledge. I understand the concept of braces closing them properly, spacing and closing the loop.
      I have been watching youtube and or going through the read me for each of the modules, i follow the instructions to the dot, i will pick up the api keys, or any kind of custom input needed, but every single module turns my mm to blank screen.
      I have tried VI i have tried nano, i have tried UI mod Scit and text editor, but each time i copy paste any snippet of code from git, I have to end up aligning the code, it never copies to the config file as desired. Hence i wonder if the code snippet copy paste and spacing and tabs is the problem. How do you work with these.

      S 2 Replies 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
          sdetweil @Socrates
          last edited by sdetweil

          @socrates see https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later/6

          note that blank screen can also be caused by not following the module install instructions

          if the module has a file called package.json, then in the module folder do npm install
          even it the instructions don’t say that , then see the link above

          also see the ‘how to add a module’ link in my signature (I didn’t write it, but its good stuff)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @socrates also are u doing this with MMOS, or MM installed on a running pi os?

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

              @sdetweil thanks for your prompt reply. I am running rpi4 OS and then installed MM on it.
              The default out of the box modules (US Holidays calendar, and the
              compliment msgs shows up), but when i add my own google calendar URL that also does not show up.
              Not even a single module i add shows up.
              I am following the instructions as on the modules readme pages. I realize some modules require npm install command even after that i get the same blank screen error.

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

                @sdetweil
                Let me give you an example of one of the module I am trying to work with. MMM-DynamicWeather
                See the error logs.

                > magicmirror@2.17.1 start /home/pi/MagicMirror
                > DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                
                [25.10.2021 10:06.30.558] [LOG]   Starting MagicMirror: v2.17.1
                [25.10.2021 10:06.30.570] [LOG]   Loading config ...
                [25.10.2021 10:06.30.577] [LOG]   Loading module helpers ...
                [25.10.2021 10:06.30.579] [LOG]   No helper found for module: alert.
                [25.10.2021 10:06.30.595] [LOG]   Initializing new module helper ...
                [25.10.2021 10:06.30.597] [LOG]   Module helper loaded: updatenotification
                [25.10.2021 10:06.30.598] [LOG]   No helper found for module: clock.
                [25.10.2021 10:06.30.753] [LOG]   Initializing new module helper ...
                [25.10.2021 10:06.30.754] [LOG]   Module helper loaded: calendar
                [25.10.2021 10:06.30.755] [LOG]   No helper found for module: compliments.
                [25.10.2021 10:06.30.758] [ERROR] WARNING! Could not load config file. Starting with default configuration. Error found: Error: Cannot find module 'request'
                Require stack:
                - /home/pi/MagicMirror/modules/MMM-DynamicWeather/node_helper.js
                - /home/pi/MagicMirror/js/app.js
                - /home/pi/MagicMirror/js/electron.js
                - /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
                -
                /* Magic Mirror Config Sample
                 *
                 * By Michael Teeuw https://michaelteeuw.nl
                 * MIT Licensed.
                 *
                 * For more information on how you can configure this file
                 * see https://docs.magicmirror.builders/getting-started/configuration.html#general
                 * and https://docs.magicmirror.builders/modules/configuration.html
                 */
                let config = {
                	address: "localhost", 	// Address to listen on, can be:
                							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                							// - another specific IPv4/6 to listen on a specific interface
                							// - "0.0.0.0", "::" to listen on any interface
                							// Default, when address config is left out or empty, is "localhost"
                	port: 8555,
                	basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
                					// you must set the sub path here. basePath must end with a /
                	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
                															// or add a specific IPv4 of 192.168.1.5 :
                															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
                
                	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
                	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
                	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
                
                	language: "en",
                	locale: "en-US",
                	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
                	timeFormat: 24,
                //	units: "metric",
                	// serverOnly:  true/false/"local" ,
                	// local for armv6l processors, default
                	//   starts serveronly and then starts chrome browser
                	// false, default for all NON-armv6l devices
                	// true, force serveronly mode, because you want to.. no UI on this device
                
                	modules: [
                		{
                			module: "alert",
                		},
                		{
                			module: "updatenotification",
                			position: "top_bar"
                		},
                		{
                			module: "clock",
                			position: "top_left"
                		},
                		{
                			module: "calendar",
                			header: "iUS Holidays",
                			position: "top_left",
                			config: {
                				calendars: [
                					{
                						symbol: "calendar-check",
                						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
                					},
                					{
                						symbol: "Koshy-Family-Calendar",
                						url: "https://calendar.google.com/calendar/ical/luvology%40gmail.com/public/basic.ics"
                					}
                				]
                			}
                		},
                		{
                			module: "compliments",
                			position: "lower_third"
                		},
                //		{
                //			module: "weather",
                //			position: "top_right",
                //			config: {
                //				weatherProvider: "openweathermap",
                //				type: "current",
                //				location: "Houston",
                //				units: "imperial",
                //				locationID: "2646507", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                //				apiKey: "98dbcccba012ef0fd49c86665a0df584"
                //			}
                //		},
                //		{
                //			module: "weatherforecast",
                //			position: "top_right",
                //			header: "Weather Forecast",
                //			config: {
                //				locationID: '2646507',
                //				app_id: '98dbcccba012ef0fd49c86665a0df584',
                //				units: 'imperial'
                //			}
                //		},
                		{
                		module: "MMM-DynamicWeather",
                		position: "fullscreen_above",
                		config: { // See https://github.com/scottcl88/MMM-DynamicWeather for more information.
                 			api_key: "98dbcccba012ef0fd49c86665a0df584",
                 			locationID: "2646507",
                 			effects: [
                   				{	
                    					month: "10",
                    					day: "25",
                    					year: "2021",
                    					images: ["heart1.png", "heart2.png"],
                    					direction: "up"
                   				}	
                  			],
                 		}
                		},
                		{
                			module: "newsfeed",
                			position: "bottom_bar",
                			config: {
                				feeds: [
                					{
                						title: "CNN News",
                						url: "http://rss.cnn.com/rss/cnn_world.rss"
                					}
                				],
                				showSourceTitle: true,
                				showPublishDate: true,
                				broadcastNewsFeeds: true,
                				broadcastNewsUpdates: true
                			}
                		}
                	]
                };
                
                
                /*************** DO NOT EDIT THE LINE BELOW ***************/
                if (typeof module !== "undefined") {module.exports = config;}
                
                
                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  Socrates
                  last edited by

                  More troubleshooting logs as per the link provided in this post.

                  pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm install request
                  npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
                  npm WARN deprecated har-validator@5.1.5: this library is no longer supported
                  npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
                  + request@2.88.2
                  updated 1 package and audited 48 packages in 2.163s
                  found 0 vulnerabilities
                  
                  pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm install uuid
                  npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
                  + uuid@8.3.2
                  added 1 package from 5 contributors, updated 1 package and audited 49 packages in 1.85s
                  
                  2 packages are looking for funding
                    run `npm fund` for details
                  
                  found 0 vulnerabilities
                  
                  pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm fund
                  MMM-Dynamic-Modules@1.0.0
                  ├─┬ https://github.com/sponsors/feross
                  │ └── safe-buffer@5.2.1
                  ├─┬ https://www.patreon.com/feross
                  │ └── safe-buffer@5.2.1
                  ├─┬ https://feross.org/support
                  │ └── safe-buffer@5.2.1
                  └─┬ https://github.com/sponsors/epoberezkin
                    └── ajv@6.12.6
                  
                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Socrates
                    last edited by sdetweil

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

                    Cannot find module ‘request’

                    see the link I gave you in my 1st reply

                    but looks like u are moving in the right direction

                    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 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

                                              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