No JavaScript experience - Config.js not working

OlesonCrypto

Hey guys, I’ve been running into issues the past week on this config.js file alone. I took out my some of the private links I had for obvious reasons, but I’m mostly concerned with the syntax and actually having this modules show up on my screen. I can see the Magic Mirror^2 on my Raspberry Pi monitor. When running npm run config:check I would keep getting results like: " Parsing error: Unexpected token basePath", “Parsing error: Unexpected token ipWhitelist” & “Parsing error: Unexpected token position”.

For my setup, I’m using a monitor with the Raspberry Pi4 Model B plugged in via HDMI to MicroHDMI. I have it set up to SSH inside or use the GUI on the RP4 desktop itself. I am able to see the black Magic Mirror^2 screen, in which it asks me to “Please create a config file or check the existing one for errors”. My configuration file is located at ~/MagicMirror/config/config.js. There are no other .js files within my MagicMirror directory.

Further Notes: I created two static IP’s for my PI: 192.168.1.101 = eth0 & 192.168.1.102 = wlan0. After modifications, I run pm2 restart 1 to restart my MagicMirror. Also I found that nano -c [File_Path] works to find the exact line and column you’re currently on as you move throughout the code.

/* Magic Mirror Config Sample -- Edited for my project
 *
 * 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", "192.168.1.102", "192.168.1.101",  //.101=eth0, .102=wlan0
        port: 8080,
        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: ["192.168.1.0/24"],  // Set [] to allow all IP addresses
        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: "imperial",
        // 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",
                        position:"top_left"
                },
                {
                        module: "updatenotification",
                        position: "top_bar"
                },
                {
                        module: "clock",
                        position: "top_left"
                },
                {
                        module: "MMM-googlecalendar"
                        position: "middle_center"
                        header: "Google Calandar"
                        config: [
                                calendars: [
                                        {
                                                defaultSymbol: "calendar-week"
                                                url: "https://calendar.google.com/calendar/ical/Secret_Link_Not_Provided"
                                                //Get link by going to Google Cal -> Settings -> Select Calendar within
                                                //'settings for my calendars' -> *Scroll down* -> Intergrate Calendar
                                                //Copy secret address in iCal format to url section above
                                                maximumEntries: "14"
                                                fetchInterval: "3600000" // Update every 60 minutes
                                                timeFormat: "DD MMM YY"
                                         }
                                ]
                        }
                },
                {
                        module: "weather",
                        position: "top_left",
                        config: {
                                weatherProvider: "openweathermap",
                                type: "forecast",
                                location: "Gaithersburg, US",
                                locationID: "4355843",
				apiKey: "01234567890123a4567e890c1da4e678",
                                units: "imperial",
                                roundTemp: "true",
                                degreeLabel: "true",
                                updateInterval: "600000" //Updates every minute
                                timeFormat: "24",
                                lang: "en",
                                showHumidity: "true",
                                showFeelsLike: "true",
                                showSun: "true",
                                colored: "true"
                                showPrecipitationAmount: "true",
                                //maxNumberOfDays: "3" //Default=5days, max 14
                        }
                },
        ]
};

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

hango

This post is deleted!

sdetweil

@olesoncrypto in the MagicMirror folder do

npm run config:check

the output will report a line number of an error

unexpected token line 45

well, look at line 44, and see if it should have a trailing comma (meaning more to follow)

repeat til no error

OlesonCrypto

This post is deleted!

OlesonCrypto

@sdetweil So you’re saying delete the commas above the line where it shows I have an unexpected token line?

OlesonCrypto

This post is deleted!

sdetweil

@olesoncrypto no. add. but I see u fixed it

OlesonCrypto

@sdetweil Hey I just fixed it all up thanks you to! Adding commas a line above the syntax error fixed it. I was so happy to see “Your configuration file doesn’t contain syntax errors :)” lmao. You’re a life safer

sdetweil

@olesoncrypto see my MMM-Config module. it presents a form to fill in for config.js. no more commas!!

https://github.com/sdetweil/MMM-Config

OlesonCrypto

@sdetweil I have a new issue. Instead of seeing the original Magic Mirror^2 screen that says “add a config.js file or fix the syntax errors” now only shows a black screen. Both my mmstart.sh and magicmirror is active with my pm2. I also have downloaded chromium-browser. Do you know what might be the cause of this? I’ve downloaded all the module content inside of each module directory with npm.