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.

    Blank screen when Running Magic Mirror on Raspian and RP3.

    Scheduled Pinned Locked Moved Troubleshooting
    8 Posts 3 Posters 3.1k 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.
    • L Offline
      lagoon7
      last edited by

      Installed the latest Magic Mirror on a new RP3 with the latest Raspian OS. I used the manual install, since there was something not right with the raspberry pi that’s on the github. I copied the config.js.sample to config.js due to the warning screen. I should see at least 5 modules running? I have a blank screen and nothing in the console nor in the terminal when I close the app, that indicates an error. Is there a directory of somesorts that has logging information?

      What diags can I provide to help?

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @lagoon7
        last edited by

        @lagoon7

        First thing you should do is post your config.js file here. More often than not the problem lies there. With the default config.js you should see clock, calendar, compliments and newsfeed. You won’t see the weather modules until you get your API key. This is what your config.js should look like, unless you’ve made changes.

        /* Magic Mirror Config Sample
         *
         * By Michael Teeuw http://michaelteeuw.nl
         * MIT Licensed.
         */
        
        var config = {
        	port: 8080,
        	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses.
        
        	language: "en",
        	timeFormat: 24,
        	units: "metric",
        
        	modules: [
        		{
        			module: "alert",
        		},
        		{
        			module: "updatenotification",
        			position: "top_bar"
        		},
        		{
        			module: "clock",
        			position: "top_left"
        		},
        		{
        			module: "calendar",
        			header: "US Holidays",
        			position: "top_left",
        			config: {
        				calendars: [
        					{
        						symbol: "calendar-check-o ",
        						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
        					}
        				]
        			}
        		},
        		{
        			module: "compliments",
        			position: "lower_third"
        		},
        		{
        			module: "currentweather",
        			position: "top_right",
        			config: {
        				location: "New York",
        				locationID: "",  //ID from http://www.openweathermap.org/help/city_list.txt
        				appid: "YOUR_OPENWEATHER_API_KEY"
        			}
        		},
        		{
        			module: "weatherforecast",
        			position: "top_right",
        			header: "Weather Forecast",
        			config: {
        				location: "New York",
        				locationID: "5128581",  //ID from http://www.openweathermap.org/help/city_list.txt
        				appid: "YOUR_OPENWEATHER_API_KEY"
        			}
        		},
        		{
        			module: "newsfeed",
        			position: "bottom_bar",
        			config: {
        				feeds: [
        					{
        						title: "New York Times",
        						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
        					}
        				],
        				showSourceTitle: true,
        				showPublishDate: true
        			}
        		},
        	]
        
        };
        
        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== "undefined") {module.exports = config;}
        

        Create a working config
        How to add modules

        L 1 Reply Last reply Reply Quote 0
        • L Offline
          lagoon7 @Mykle1
          last edited by

          @Mykle1 Yeah I realize that, however I do not get any “modules” to load. Here is the output from the command and I ran the install of electron as sudo and checked to see if any of the permissions changed. However I didn’t get any errors when I ran it under “sudo”

          pi@pi314159:~/MagicMirror $ sudo npm install electron
          npm WARN engine deep-extend@0.4.2: wanted: {“node”:“>=0.12.0”,“iojs”:“>=1.0.0”} (current: {“node”:“0.10.29”,“npm”:“1.4.21”})
          |

          electron@1.6.7 postinstall /home/pi/MagicMirror/node_modules/electron
          node install.js

          electron@1.6.7 node_modules/electron
          ├── extract-zip@1.6.5 (debug@2.2.0, mkdirp@0.5.0, yauzl@2.4.1, concat-stream@1.6.0)
          └── electron-download@3.3.0 (home-path@1.0.5, semver@5.3.0, minimist@1.2.0, rc@1.2.1, debug@2.6.6, path-exists@2.1.0, sumchecker@1.3.1, fs-extra@0.30.0, nugget@2.0.1)

          pi@matrix314159:~/MagicMirror $ npm start

          magicmirror@2.1.1 start /home/pi/MagicMirror
          sh run-start.sh

          Starting MagicMirror: v2.1.1
          Loading config …
          Loading module helpers …
          No helper found for module: alert.
          Initializing new module helper …
          Module helper loaded: updatenotification
          No helper found for module: clock.
          Initializing new module helper …
          Module helper loaded: calendar
          No helper found for module: compliments.
          No helper found for module: currentweather.
          No helper found for module: weatherforecast.
          Initializing new module helper …
          Module helper loaded: newsfeed
          All module helpers loaded.
          Starting server on port 8080 …
          Starting server op port 8080 …
          Server started …
          Connecting socket for: updatenotification
          Connecting socket for: calendar
          Starting node helper for: calendar
          Connecting socket for: newsfeed
          Starting module: newsfeed
          Sockets connected & modules started …
          Launching application.

          • Magic Mirror Config Sample
          • By Michael Teeuw http://michaelteeuw.nl
          • MIT Licensed.
            */

          var config = {
          port: 8080,
          ipWhitelist: [“127.0.0.1”, “::ffff:127.0.0.1”, “::1”], // Set [] to allow all IP addresses.

          language: "en",
          timeFormat: 24,
          units: "metric",
          
          modules: [
          	{
          		module: "alert",
          	},
          	{
          		module: "updatenotification",
          		position: "top_bar"
          	},
          	{
          		module: "clock",
          		position: "top_left"
          	},
          	{
          		module: "calendar",
          		header: "US Holidays",
          		position: "top_left",
          		config: {
          			calendars: [
          				{
          					symbol: "calendar-check-o ",
          					url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
          				}
          			]
          		}
          	},
          	{
          		module: "compliments",
          		position: "lower_third"
          	},
          	{
          		module: "currentweather",
          		position: "top_right",
          		config: {
          			location: "New York",
          			locationID: "",  //ID from http://www.openweathermap.org/help/city_list.txt
          			appid: "YOUR_OPENWEATHER_API_KEY"
          		}
          	},
          	{
          		module: "weatherforecast",
          		position: "top_right",
          		header: "Weather Forecast",
          		config: {
          			location: "New York",
          			locationID: "5128581",  //ID from http://www.openweathermap.org/help/city_list.txt
          			appid: "YOUR_OPENWEATHER_API_KEY"
          		}
          	},
          	{
          		module: "newsfeed",
          		position: "bottom_bar",
          		config: {
          			feeds: [
          				{
          					title: "New York Times",
          					url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
          				}
          			],
          			showSourceTitle: true,
          			showPublishDate: true
          		}
          	},
          ]
          

          };

          /*************** DO NOT EDIT THE LINE BELOW ***************/
          if (typeof module !== “undefined”) {module.exports = config;}

          Mykle1M 1 Reply Last reply Reply Quote 0
          • cowboysdudeC Offline
            cowboysdude Module Developer
            last edited by

            @lagoon7 said in Blank screen when Running Magic Mirror on Raspian and RP3.:

            {
            module: “calendar”,
            header: “US Holidays”,
            position: “top_left”,
            config: {
            calendars: [
            {
            symbol: "calendar-check-o ",
            url: “webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics”
            }
            ]
            }
            },
            {
            module: “compliments”,
            position: “lower_third”
            },
            {
            module: “currentweather”,
            position: “top_right”,
            config: {
            location: “New York”,
            locationID: “”, //ID from http://www.openweathermap.org/help/city_list.txt
            appid: “YOUR_OPENWEATHER_API_KEY”
            }
            },
            {
            module: “weatherforecast”,
            position: “top_right”,
            header: “Weather Forecast”,
            config: {
            location: “New York”,
            locationID: “5128581”, //ID from http://www.openweathermap.org/help/city_list.txt
            appid: “YOUR_OPENWEATHER_API_KEY”
            }
            },
            {
            module: “newsfeed”,
            position: “bottom_bar”,
            config: {
            feeds: [
            {
            title: “New York Times”,
            url: “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”
            }
            ],
            showSourceTitle: true,
            showPublishDate: true
            }
            },
            ]

            };
            /*************** DO NOT EDIT THE LINE BELOW ***************/
            if (typeof module !== “undefined”) {module.exports = config;}

            Stupid question here but did you do this---->

            in terminal window in the
            ~MagicMirror/config

            cp config.js.sample config.js

            L 1 Reply Last reply Reply Quote 0
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @lagoon7
              last edited by

              @lagoon7 said in Blank screen when Running Magic Mirror on Raspian and RP3.:

              npm WARN engine deep-extend@0.4.2: wanted: {“node”:“>=0.12.0”,“iojs”:“>=1.0.0”} (current: {“node”:“0.10.29”,“npm”:“1.4.21”})

              You’ll certainly have to update node and npm. I had similar problems when I did a manual install on a laptop and updating those cleared things up for me.

              Mine:

              `Mykle@Mykle-Desktop MINGW32 ~/MagicMirror
              $ node --version
              v6.10.2

              Mykle@Mykle-Desktop MINGW32 ~/MagicMirror
              $ npm --version
              3.10.10
              `

              Create a working config
              How to add modules

              L 1 Reply Last reply Reply Quote 0
              • L Offline
                lagoon7 @cowboysdude
                last edited by

                @cowboysdude yes I did.

                1 Reply Last reply Reply Quote 0
                • L Offline
                  lagoon7 @Mykle1
                  last edited by

                  @Mykle1 Ok after that, I went to update node which updated npm.
                  Using this script for raspberry pi:

                  curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -

                  I then deleted the magicmirror home directory, downloaded the installer script from the GIT repo, checked it again for versions and installs.

                  1. I ran the script as a normal user. It completed successfully.
                  2. Then ran the npm start command.
                  3. Now magic Mirror is working.

                  Thanks!

                  Mykle1M 1 Reply Last reply Reply Quote 0
                  • Mykle1M Offline
                    Mykle1 Project Sponsor Module Developer @lagoon7
                    last edited by

                    @lagoon7 said in Blank screen when Running Magic Mirror on Raspian and RP3.:

                    I ran the script as a normal user. It completed successfully.
                    Then ran the npm start command.
                    Now magic Mirror is working.

                    Thanks!

                    Great! Enjoy your mirror.

                    Create a working config
                    How to add modules

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