Help... I need help installing 3rd party modules to Magic Mirror 2



  • Hi everyone,

    I’m painfully new to any form of programming and could really use an assist on the proper way to install 3rd party modules on MagicMirror. I keep running into config.js issues on load up whenever I try to install a non factory module into the config.js file. I am trying to go by the instructions on github for mmm-traffic and to be honest I don’t even understand where or how to execute the files or where to do the npm install? Like I said, hardcore beginner. Any help would be greatly appreciated. This is a birthday present that I’m building and I’m already late with it.



  • Welcome joeytuck,

    1. did you get it to run without additional 3rd party modules?
    2. if yes, share your config.js so we can have a look at it

  • Module Developer

    @joeytuck

    Okey first of, when in your terminal typ cd MagicMirror/modules/ this will get you directly to your modules folder.

    after that you should type git clone https://github.com/SamLewis0602/MMM-Traffic.git
    This command will create a new folder called MMM-Traffic and copy all files for the module.
    When that is done you typ
    cd MMM-Traffic to enter the MMM-Traffic folder.

    When you have done that and are in the folder you type npm install, this will install all dependencies, i e stuff that is needed for the traffic module to work.

    Then open your config.js file and find the last ]

    Before that ] you add

    {
    	module: 'MMM-Traffic',
    	position: 'top_left',
    	classes: 'dimmed medium', //optional, default is 'bright medium', only applies to commute info not route_name
    	config: {
    		api_key: 'your_apikey_here',
    		mode: 'driving',
    		origin: '4 Pennsylvania Plaza, New York, NY 10001',
    		destination: '1 MetLife Stadium Dr, East Rutherford, NJ 07073',
    		arrival_time: '0800', //optional, but needs to be in 24 hour time if used.
    		route_name: 'Home to Work',
    		changeColor: true,
    		showGreen: false,
    		limitYellow: 5, //Greater than 5% of journey time due to traffic
    		limitRed: 20, //Greater than 20% of journey time due to traffic
    		traffic_model: 'pessimistic',
    		interval: 120000, //2 minutes
    		showWeekend: false,
    		allTime: false
    	}
    },
    

    Now you need to change the api key above where it says api_key: 'your_apikey_here',

    replace your_apikey_here with the needed api key and make sure not to remove the ' around the api key.



  • Thank you for the replies. I did get Magic Mirror working for the initial setup prior to the 3rd party addition. I was missing the cd MMM-Traffic npm install portion. I did the npm install through Tools Open Folder in Terminal the first time. Not sure if that accomplishes the same goal? Itś still giving me the config.js error. Here is what I have for a config file with my personal info and API key copied and pasted directly from Google redacted.

    		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
    		}
    	},
    
    {
    		module:´MMM-Traffic´,
    		position: ´bottom_right´
    		classes: ´dimmed medium´,
    		config:  {
    			api_key: ´
    

    ´,
    mode: ´driving´,
    origin: ´´,
    destination: ´´,
    arrival_time: ´´,
    route_name: ´Home to Work´,
    changeColor: true,
    showgreen: false,
    limitYellow: 5,
    limitRed: 20,
    traffic_model: ´pessimistic´,
    interval: 120000,
    showWeekend: true
    allTime: true
    }
    },
    ]

    };



  • 		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
    		}
    	},
    
    {
    		module:´MMM-Traffic´,
    		position: ´bottom_right´
    		classes: ´dimmed medium´,
    		config:  {
    			api_key: ´´,
    			mode: ´driving´,
    			origin: ´´,
    			destination: ´´,
    			arrival_time: ´´,
    			route_name: ´Home to Work´,
    			changeColor: true,
    			showgreen: false,
    			limitYellow: 5,
    			limitRed: 20,
    			traffic_model: ´pessimistic´,
    			interval: 120000, 
    			showWeekend: true
    			allTime: true
    

    }
    },
    ]

    };


  • Module Developer

    @joeytuck

    you are missing a , after showWeekend: true,



  • Good catch. I added the comma, saved the config file and tried pi@raspberrypi: ~/MagicMirror $ npm start To no avail. Do I need to do anything to the MMM-Traffic config.js file defaults?


  • Module Developer

    @joeytuck there is also another comma missing after the position line



  • Added that comma as well and itś still failing. Hereś what Iḿ getting.

    pi@raspberrypi:~/MagicMirror $ npm start

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

    Starting MagicMirror: v2.1.1
    Loading config …
    WARNING! Could not validate config file. Please correct syntax errors. Starting with default configuration.
    Loading module helpers …
    Initializing new module helper …
    Module helper loaded: updatenotification
    No helper found for module: helloworld.
    All module helpers loaded.
    Starting server on port 8080 …
    Starting server op port 8080 …
    Server started …
    Connecting socket for: updatenotification
    Sockets connected & modules started …
    Launching application.



  • This has been kicking my butt for the last day and a half. Learning a lot during the beating though. Do I need to add ’ ’ around numeric values as well?


Log in to reply
 

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