Blank screen when Running Magic Mirror on Raspian and RP3.



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


  • Module Developer

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


  • @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.

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


  • Module Developer

    @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


  • Module Developer

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



  • @cowboysdude yes I did.



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


  • Module Developer

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


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.