MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    SOLVED Any module I add turns to blank screen.

    Troubleshooting
    2
    29
    410
    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
      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
        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
          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

          Create a working config
          How to add modules

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

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

            Sam

            Create a working config
            How to add modules

            1 Reply Last reply Reply Quote 0
            • S
              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
                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
                  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
                    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

                    Create a working config
                    How to add modules

                    S 1 Reply Last reply Reply Quote 0
                    • S
                      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
                        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

                        Create a working config
                        How to add modules

                        1 Reply Last reply Reply Quote 0
                        • S
                          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
                          • 1
                          • 2
                          • 3
                          • 1 / 3
                          • First post
                            Last post
                          Enjoying MagicMirror? Please consider a donation!
                          MagicMirror created by Michael Teeuw.
                          Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                          This forum is using NodeBB as its core | Contributors
                          Contact | Privacy Policy