-
-
Notifications
You must be signed in to change notification settings - Fork 4.2k
Module Debugging
- Remove (or disable) all other modules (except clock) to make it start/run faster and to isolate your module under development.
- Run your MM in server mode, allowing you to still use your RPi (or what have) in GUI mode. CPU resource utilization is also somewhat reduced in server mode.
- To prevent unnecessary headaches, utilize automated "linters" when possible before deploying and running your code.
- Create automated unit and integration tests to protect against unintentional breakages of working features and regression defects.
There is a distinction between the terms "testing" and "debugging". Usually, debugging refers to manually interacting with the application to provoke and analyze its behavior in an attempt to find defects or missing requirements. Conversely, automated testing involves the creation or utilization of code which validates the syntax and function of your application.
Static code analysis (commonly referred to as "linting") involves a scan and validation of your files against a set of specific set of rules - usually common violations. These scans can be conducted either with a locally installed or a website "linter".
There is already a local linter installed which can automatically check the MM configuration file. It is invoked with npm run config:check
, example output below:
user@hostmachine:~/MagicMirror$ npm run config:check
> magicmirror@2.1.3 config:check /home/daddle/MagicMirror
> node tests/configs/check_config.js
Checking file... /home/daddle/MagicMirror/config/config.js
Line 30 col 9 Expected '}' to match '{' from line 28 and instead saw 'distance'.
Line 30 col 17 Expected '}' to match '{' from line 25 and instead saw ':'.
Line 30 col 19 Expected ']' to match '[' from line 24 and instead saw 'miles'.
Line 35 col 6 Missing semicolon.
Line 35 col 5 Unrecoverable syntax error. (55% scanned).
user@hostmachine:~/MagicMirror$
Utilize a JS linter, such as eslint.org and the ESLint on npm.
This method is tedious, time-consuming, and usually the most frustrating method of troubleshooting. As it can take several seconds and even minutes to restart your MM, it may be a bottleneck for development efficiency. Automated testing and validation are faster, cheaper, and reusable.
There are at least 2-3 methods to debugging modules:
- Directly on MM itself (native mode)
- Directly on MM itself (server mode)
- As a node server or on a different machine [TBA]
- It's especially beneficial while debugging at runtime to isolate the module under development by disabling all other modules (except clock). Isolation avoids the startup and performance impact of other modules.
- Run your MM in server mode, allowing you to still use your RPi (or what have) in GUI mode. CPU resource utilization is also somewhat reduced in server mode.
- To debug your JS and view
console.log()
output, use your browser'sDeveloper Tools
(usually activated byCTRL-SHIFT-i
).
It is usually unclear to first-time users what or where the "console" is. The primary reason for this is that it depends on what, where, and how the log call gets produced.
Although there are several variations of JS console.log()
calls, to keep things as simple as possible, MM core provides a few logging wrappers that you can use in your core MMM-something.js code. These are:
Log.info('info'); # To log to stdout
Log.log('log'); # To log to stdout
Log.error('error'); # To log to stderr
By default, these log entries will go to the "browser" web console which can be accessed from the DevTools. To start MagicMirror with DevTools open, run npm start dev
from the MagicMirror folder. If you wish to send these browser logs to the normal console (or PM2 Log Files), add export ELECTRON_ENABLE_LOGGING=true
to the top of ~/MagicMirror/run-start.sh
and restart.
These are not available (AFAIK) if you are using a node_helper.js, so you'll have to use the standard JS loggers there. As mentioned, there are quite a few variations of these (and they result in varying success rates) depending on where you want the message to appear.
- Do you want your log message to go to the Browser (DevTools) log?
- Do you want your log message to go to the MagicMirror debug log?
Such as in:~/.pm2/logs/mm-error-0.log
(stderr?) or~/.pm2/logs/mm-out-0.log
(stdout?), when running MM using pm2. - Do you want the logs to show up when running in: npm start dev?
The one logger that always seem to do the trick is:
console.error(any... data)
console.dir(any item, optional object? options)
You may also want to take a look at the MMM-Logging 3rd-party module, which will add timestamps and additional formatting to your console.error()
, or console.log()
calls.
Check your PM2 logs with pm2 logs mm
or check the log files in their locations:
/home/pi/.pm2/pm2.log
/home/pi/.pm2/logs/mm-error-0.log
/home/pi/.pm2/logs/mm-out-0.log
There are probably many other and better ways to check and debug. So please add and edit this page or file an issue with info for improving debugging.