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.

    Updating did nothing but gave fatal error warning.

    Scheduled Pinned Locked Moved Solved Troubleshooting
    41 Posts 4 Posters 16.8k 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.
    • R Offline
      Richard238
      last edited by

      pi@magicmirror:~ $ bash -c  "$(curl -sL https://raw.githubusercontent.com/sdetweil/MagicMirror_scripts/master/upgrade-script.sh)" apply
      No LSB modules are available.
      doing test run = false
      update log will be in /home/pi/MagicMirror/installers/upgrade.log
      Check current Node installation ...
      Node currently installed. Checking version number.
      Minimum Node version: v16.9.1
      Installed Node version: v16.1.0
      Node should be upgraded.
      Installing Node.js ...
      gpg: WARNING: unsafe ownership on homedir '/home/pi/.gnupg'
      Reading package lists... Done
      Building dependency tree       
      Reading state information... Done
      nodejs is already the newest version (17.3.1-deb-1nodesource1).
      The following package was automatically installed and is no longer required:
        python-colorzero
      Use 'sudo apt autoremove' to remove it.
      0 upgraded, 0 newly installed, 0 to remove and 63 not upgraded.
      node version is
      Node.js installation Done! version=v16.1.0
      Check current NPM installation ...
      NPM currently installed. Checking version number.
      Minimum npm version: V7.11.2
      Installed npm version: V7.11.2
      No npm upgrade necessary.
      
      saving custom.css
      upgrading from version 2.18.0 to 2.19.0
      fetching latest revisions
      there are 2 local files that are different than the master repo
      
         config/config.js.sample
         modules/default/newsfeed/newsfeed.js
      
      do you want to save these files for later   (Y/n)?
      updating MagicMirror runtime, please wait
      
      > magicmirror@2.19.0 install
      > echo "Installing vendor files ...
      > " && cd vendor && npm install --loglevel=error
      
      Installing vendor files ...
      
      
      changed 3 packages, and audited 10 packages in 22s
      
      found 0 vulnerabilities
      
      > magicmirror@2.19.0 postinstall
      > npm run install-fonts && echo "MagicMirror² installation finished successfully! 
      > "
      
      
      > magicmirror@2.19.0 install-fonts
      > echo "Installing fonts ...
      > " && cd fonts && npm install --loglevel=error
      
      Installing fonts ...
      
      
      added 2 packages, removed 1 package, and audited 3 packages in 5s
      
      found 0 vulnerabilities
      MagicMirror² installation finished successfully! 
      
      
      > magicmirror@2.19.0 prepare
      > [ -f node_modules/.bin/husky ] && husky install || echo no husky installed.
      
      no husky installed.
      
      added 3 packages, removed 4 packages, changed 35 packages, and audited 266 packages in 2m
      
      20 packages are looking for funding
        run `npm fund` for details
      
      found 0 vulnerabilities
      npm notice 
      npm notice New major version of npm available! 7.11.2 -> 8.6.0
      npm notice Changelog: <https://github.com/npm/cli/releases/tag/v8.6.0>
      npm notice Run `npm install -g npm@8.6.0` to update!
      npm notice 
      Checking for modules with removed libraries
      processing dependency changes for active modules with package.json files
      
      processing for module MMM-MysqlQuery please wait
      ----------------------------------
      npm ERR! code ERESOLVE
      npm ERR! ERESOLVE unable to resolve dependency tree
      npm ERR! 
      npm ERR! While resolving: mmm-mysqlquery@1.0.0
      npm ERR! Found: stylelint@8.4.0
      npm ERR! node_modules/stylelint
      npm ERR!   dev stylelint@"^8.3.0" from the root project
      npm ERR! 
      npm ERR! Could not resolve dependency:
      npm ERR! peer stylelint@"14.x" from grunt-stylelint@0.18.0
      npm ERR! node_modules/grunt-stylelint
      npm ERR!   dev grunt-stylelint@"latest" from the root project
      npm ERR! 
      npm ERR! Fix the upstream dependency conflict, or retry
      npm ERR! this command with --force, or --legacy-peer-deps
      npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
      npm ERR! 
      npm ERR! See /home/pi/.npm/eresolve-report.txt for a full report.
      
      npm ERR! A complete log of this run can be found in:
      npm ERR!     /home/pi/.npm/_logs/2022-04-08T13_34_50_165Z-debug.log
      processing complete for module MMM-MysqlQuery
      
      restoring custom.css
      we stashed a set of files that appear changed from the latest repo versions. you should review them
      see installers/stashed_files for the list
      
      you can use git checkout stash@{0} -- filename to extract one file from the stash
      
      or git stash pop to restore them all
      
      WARNING..
      WARNING.. either will overlay the file just installed by the update
      WARNING..
      pi@magicmirror:~ $ 
      
      1 Reply Last reply Reply Quote 0
      • R Offline
        Richard238
        last edited by

        Then did

        pm2 start all
        

        and now have a black screen on the Pi, and ‘Unable to connect’ on the desktop browser. :-(

        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @Richard238
          last edited by sdetweil

          @Richard238 not pm2 start all

          pm2 status

          will show u the defined apps

          pm2 start ??

          where ?? is the name of the number of the app
          (usually 0)

          pm2 stop all just is a shortcut

          pm2 --help shows u all the things it can do.

          but the black screen could be because of the module rebuild failure

          pm2 logs – lines=100 might show more info

          and then there’s this
          https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later

          my upgrade tries to handle the ones we know about

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • R Offline
            Richard238
            last edited by

            @Richard238 said in Updating did nothing but gave fatal error warning.:

            MMM-MysqlQuery

            MMM-MysqlQuery seems to be the issue, I’ve commented it out of config .js,
            Will that be ok if I try pm2 start again?

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @Richard238
              last edited by

              @Richard238 yes

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                Richard238
                last edited by

                OK that’s brought MM back to life, but my custom CSS seems to have been ignored.

                That, and I need new weather modules?!

                S 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @Richard238
                  last edited by sdetweil

                  @Richard238 you need to change to the new combined weather module…(announced 2 releases ago)

                  supposedly change the module name field to weather and change the appid field name to apiKey
                  custom.css should still be there… I save and restore

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  R 1 Reply Last reply Reply Quote 0
                  • R Offline
                    Richard238
                    last edited by

                    custom.css is still there, but the coloured icons I had beside calendar entries are no longer showing.

                    S 1 Reply Last reply Reply Quote 0
                    • R Offline
                      Richard238 @sdetweil
                      last edited by

                      @sdetweil Weather module changes worked.
                      They needs adjusting, but it is now showing something so it’s a good start I can work from.

                      1 Reply Last reply Reply Quote 1
                      • S Do not disturb
                        sdetweil @Richard238
                        last edited by

                        @Richard238 colored icons

                        maybe see this
                        https://forum.magicmirror.builders/topic/16591/mmm-homeassistant-sensors-no-icons-after-mm-upgrade-to-2-19-0

                        electron is enforcing reported server side (CORS) restrictions is didn’t before , people protecting their content

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • R Offline
                          Richard238
                          last edited by

                          Colour, with a u! I’m British using British English! ;-)

                          OK, CSS. It’s only using favicon codes, not images on a URL

                           #module_3_calendar .fa.fa-calendar-check-o {
                            color: #00d255 /* 55=Green FF=Blue*/
                          }
                          
                           #module_4_calendar  .fa.fa-trash-o  {
                            color: #C97F7F; /* Brown */
                          }
                          
                          S 1 Reply Last reply Reply Quote 0
                          • S Do not disturb
                            sdetweil @Richard238
                            last edited by sdetweil

                            @Richard238 said in Updating did nothing but gave fatal error warning.:

                            #module_3_calendar

                            u are using ID(#) to select

                            probably changed locations in the config.js

                            see https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1649371486123

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • R Offline
                              Richard238
                              last edited by

                              .calendar .fa.fa-calendar-check-o {
                                color: #00d255 /* 55=Green FF=Blue*/
                              }
                              
                              .calendar  .fa.fa-trash-o  {
                                color: #C97F7F; /* Brown */
                              }
                              

                              Makes no difference, the icons still don’t show.

                              karsten13K 1 Reply Last reply Reply Quote 0
                              • karsten13K Online
                                karsten13 @Richard238
                                last edited by

                                @Richard238

                                what did you define in the symbol: section in the config.js?

                                May these icons are outdated, you can search here for icons, only free icons will work.

                                1 Reply Last reply Reply Quote 0
                                • R Offline
                                  Richard238
                                  last edited by Richard238

                                  I have these, both of which were working perfectly well prior to this update

                                  symbol: 'calendar-check-o ',
                                  symbol: 'trash-o ',
                                  

                                  And having configured the new weather module, those icons are responding to custom css just fine.

                                  No idea why calendar icons won’t work.

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @Richard238
                                    last edited by

                                    @Richard238 the trailing space?

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • R Offline
                                      Richard238
                                      last edited by

                                      This worked perfectly prior to the most recent update.

                                      Deleted said space, still no icons.
                                      Appropriate code below for reference:

                                      .calendar .fa.fa-calendar-check-o {
                                        color: #00d255 /* 55=Green FF=Blue*/
                                      }
                                      
                                      .calendar  .fa.fa-trash-o  {
                                        color: #C97F7F; /* Brown */
                                      }
                                      
                                      
                                      			module: 'calendar',
                                      			header: 'Calendar',
                                      			position: 'top_left',
                                      			config: {
                                                          maximumEntries: 6, // Total Maximum Entries
                                                          maximumNumberOfDays: 365,
                                                          displaySymbol: true,
                                                          defaultSymbol: "calendar", // Fontawesome Symbol see http://fontawesome.io/cheatsheet/
                                                          displayRepeatingCountTitle: false,
                                                          defaultRepeatingCountTitle: "",
                                                          maxTitleLength: 30,
                                                          fetchInterval: 5 * 60 * 1000, // Update every 5 minutes.
                                                          animationSpeed: 2000,
                                                          fade: true,
                                                          showEnd: false,
                                                          urgency: 0,
                                                          timeFormat: "absolute",
                                                          dateFormat: "ddd Do MMMM",
                                                          getRelative: 0,
                                                          fadePoint: 0.50, // Start on 1/4th of the list.
                                                          hidePrivate: false,
                                                          calendars: [
                                      					{
                                      						symbol: 'calendar-check-o',
                                      						url: 'https://calendar.google.com/calendar################
                                      					}
                                      				],
                                      			}
                                      		},
                                      		{
                                      			module: 'calendar',
                                      			header: 'Binday',
                                      			position: 'bottom_left',
                                      			config: {
                                                          maximumEntries: 4, // Total Maximum Entries
                                                          maximumNumberOfDays: 365,
                                                          displaySymbol: true,
                                                          defaultSymbol: "calendar", // Fontawesome Symbol see http://fontawesome.io/cheatsheet/
                                                          displayRepeatingCountTitle: false,
                                                          defaultRepeatingCountTitle: "",
                                                          maxTitleLength: 30,
                                                          fetchInterval: 5 * 60 * 1000, // Update every 5 minutes.
                                                          animationSpeed: 2000,
                                                          fade: true,
                                                          showEnd: false,
                                                          urgency: 0,
                                                          timeFormat: "absolute",
                                                          dateFormat: "ddd Do MMMM",
                                                          getRelative: 0,
                                                          fadePoint: 0.50, // Start on 1/4th of the list.
                                                          hidePrivate: false,
                                                          calendars: [
                                                          {
                                      						symbol: 'trash-o',
                                      						url: 'https://calendar.google.com/calendar#######################
                                      					}
                                      				],
                                                      titleReplace: {
                                                      //	"'s birthday": "",
                                                      //	"Recycling": "Bins",
                                                          "Red Bin": "Red & Black Bins",
                                                          "Green Bin": "Green & Black Bins" 
                                                      },
                                                      // Override start method.
                                                      start: function () {
                                                          Log.log("Starting module: " + this.name);                   
                                                          for (var c in this.config.calendars) {
                                                              var calendar = this.config.calendars[c];
                                                              calendar.url = calendar.url.replace("webcal://", "http://");
                                                              this.addCalendar(calendar.url, calendar.user, calendar.pass);
                                                          }
                                      
                                                          this.calendarData = {};
                                                          this.loaded = false;
                                      	},
                                      
                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @Richard238
                                        last edited by

                                        @Richard238 said in Updating did nothing but gave fatal error warning.:

                                        .calendar .fa.fa-calendar-check-o {
                                        color: #00d255 /* 55=Green FF=Blue*/
                                        }

                                        yep, the class name changed

                                        see
                                        https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1649371486164

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • R Offline
                                          Richard238
                                          last edited by

                                          Bit familiar with the F12 console, but it’s not easy to select the exact spot.

                                          3a7bcf68-c2f6-4f9c-a6a1-94cb7176cd69-image.png

                                          .calendar .fa.fa-calendar-check-o {
                                            color: #00d255 /* 55=Green FF=Blue*/
                                          }
                                          

                                          Change it to this?

                                          .calendar.module.calendar  .fa.fa-calendar-check-o {
                                            color: #00d255 /* 55=Green FF=Blue*/
                                          }
                                          

                                          Or?

                                          .module.calendar  .fa.fa-calendar-check-o {
                                            color: #00d255 /* 55=Green FF=Blue*/
                                          }
                                          
                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Richard238
                                            last edited by

                                            @Richard238 in main.css comment out cursor:none
                                            /* cursor:none */

                                            reload the MM page

                                            select the elements tab
                                            select the arrow top left of the developers page

                                            navigate the mouse to the check icon in the calendar display
                                            click on the icon

                                            int he elements page is the html of the element selected
                                            and its class name is shown

                                            use that …

                                            thats what I did, copied your css, didn’t work (as u said)
                                            found the element , and its new class name
                                            changed the css
                                            refreshed the page and it worked.

                                            I want YOU to do it, so next time you know how/why

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 1 / 3
                                            • First post
                                              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