• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.0k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @lagoon7
    last edited by May 14, 2017, 5:01 PM

    @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 May 14, 2017, 6:16 PM Reply Quote 0
    • L Offline
      lagoon7 @Mykle1
      last edited by May 14, 2017, 6:16 PM

      @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;}

      M 1 Reply Last reply May 14, 2017, 7:45 PM Reply Quote 0
      • C Offline
        cowboysdude Module Developer
        last edited by May 14, 2017, 6:37 PM

        @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 May 14, 2017, 8:40 PM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @lagoon7
          last edited by May 14, 2017, 7:45 PM

          @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 May 14, 2017, 8:59 PM Reply Quote 0
          • L Offline
            lagoon7 @cowboysdude
            last edited by May 14, 2017, 8:40 PM

            @cowboysdude yes I did.

            1 Reply Last reply Reply Quote 0
            • L Offline
              lagoon7 @Mykle1
              last edited by May 14, 2017, 8:59 PM

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

              M 1 Reply Last reply May 14, 2017, 10:18 PM Reply Quote 0
              • M Offline
                Mykle1 Project Sponsor Module Developer @lagoon7
                last edited by May 14, 2017, 10:18 PM

                @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
                1 / 1
                • First post
                  6/8
                  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