No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Carlitos
    C
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 12
    • Best 1
    • Groups 0

    Carlitos

    @Carlitos

    4
    Reputation
    13
    Profile views
    12
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    Carlitos Follow

    Best posts made by Carlitos

    • RE: [Solved] PWA force refresh when new version released?

      As mentioned in other posts, I’ve solved this adding the next code to the register-server-worker.js:

      updated (registration) { // registration -> a ServiceWorkerRegistration instance
        console.log('New content is available; please refresh.')
        Notify.create({
          message: i18n.t('messages.update_available'),
          icon: 'cloud_download',
          closeBtn: i18n.t('labels.update'),
          timeout: 10000,
          onDismiss () {
            location.reload(true)
          }
        })
      }
      

      But as you want to update immediately, you must take control of the service worker lifecycle using skipWaiting().
      Add the next code to your custom-service-worker.js if you are using one like me:

      workbox.core.skipWaiting();
      

      But, if you are using the default configuration, add the next to the quasar.conf.js file that will add for you:

      pwa: {
        workboxOptions: { skipWaiting: true }, // only for NON InjectManifest
      }
      

      If you don’t add this skip, your app will enter in a endless loop asking for update if you try to reload.

      posted in Framework
      C
      Carlitos

    Latest posts made by Carlitos

    • The correct way to create a Dialog with scroll-area + pull-to-refresh and tab-panels

      I have read all documentation but I can’t find how to do what I need. I’ve write this example. It does all I want but in the SECOND tab I can’t swipe to change from tabs nor pull to refresh If I do over blank space because the second tab page don’t fill the page. In the phone version I maximize the dialog to fill the screen and I need do this actions with only one hand using the thumb in the lower part of the dialog but I can’t if the tab has no bottom elements. Any recommendation? Thanks in advance…

      posted in Framework
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      @Carlitos Read added note to https://quasar.dev/start/upgrade-guide#With-Quasar-CLI

      posted in Help
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      Hi me again, the problem is back, but now I can’t resolve. I’ve now clear the cache with npm cache clear --force and reinstall, and even yarn quasar upgrade but without success. @quasar/cli is still undefined with quasar info.

      posted in Help
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      @Hawkeye64 Thanks, I’ll consider to change npm with yarn…

      posted in Help
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      @metalsadman said in Trying to upgrade: 'Quasar App Extension "upgrade" is missing':

      @quasar/cli

      I’ve previously uninstalled and installed the @quasar/cli without success, but after executing npm cache verify and reinstall the package, now works fine. Thanks…

      posted in Help
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      @metalsadman Same issue. My quasar info:

      Operating System - Windows_NT(10.0.18362) - win32/x64
      NodeJs - 10.16.0
      
      Global packages
        NPM - 6.11.3
        yarn - 1.17.3
        @quasar/cli - undefined
        cordova - 8.0.0
      
      Important local packages
        quasar - 1.4.3 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
        @quasar/app - 1.2.4 -- Quasar Framework local CLI
        @quasar/extras - 1.3.3 -- Quasar Framework fonts, icons and animations
        vue - 2.6.10 -- Reactive, component-oriented view layer for modern web interfaces.
        vue-router - 3.1.3 -- Official router for Vue.js 2
        vuex - 3.1.2 -- state management for Vue.js
        electron - 3.1.13 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
        electron-packager - Not installed
        electron-builder - Not installed
        @capacitor/core - Not installed
        @capacitor/cli - Not installed
        @capacitor/android - Not installed
        @capacitor/ios - Not installed
        @babel/core - 7.7.2 -- Babel compiler core.
        webpack - 4.41.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
        webpack-dev-server - 3.9.0 -- Serves a webpack app. Updates the browser on changes.
        workbox-webpack-plugin - 4.3.1 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
        register-service-worker - 1.6.2 -- Script for registering service worker, with hooks
      
      Quasar App Extensions
        quasar-app-extension-ide-helper - 0.0.6 -- Quasar framework extension which enables IDE features like autocomplete by generating helper files for IDE to index.
        @quasar/quasar-app-extension-icon-genie - 1.1.2 -- A Quasar CLI Extension for Making All Your Icons
      
      posted in Help
      C
      Carlitos
    • RE: Trying to upgrade: 'Quasar App Extension "upgrade" is missing'

      @Hawkeye64 Same issue. I’ve reinstalled with no results. I’ve also try to uninstall and install again.

      posted in Help
      C
      Carlitos
    • RE: **eslint-plugin-quasar** v1.0.0-alpha.6 Release!

      @Hawkeye64 Sorry, an error in post thread. I’ve tried to delete it…

      posted in Announcements
      C
      Carlitos
    • RE: [Solved] PWA force refresh when new version released?

      @kidox You only must export the instance from your i18n boot file and import where you need. This article will help you.

      posted in Framework
      C
      Carlitos
    • RE: [Solved] PWA force refresh when new version released?

      As mentioned in other posts, I’ve solved this adding the next code to the register-server-worker.js:

      updated (registration) { // registration -> a ServiceWorkerRegistration instance
        console.log('New content is available; please refresh.')
        Notify.create({
          message: i18n.t('messages.update_available'),
          icon: 'cloud_download',
          closeBtn: i18n.t('labels.update'),
          timeout: 10000,
          onDismiss () {
            location.reload(true)
          }
        })
      }
      

      But as you want to update immediately, you must take control of the service worker lifecycle using skipWaiting().
      Add the next code to your custom-service-worker.js if you are using one like me:

      workbox.core.skipWaiting();
      

      But, if you are using the default configuration, add the next to the quasar.conf.js file that will add for you:

      pwa: {
        workboxOptions: { skipWaiting: true }, // only for NON InjectManifest
      }
      

      If you don’t add this skip, your app will enter in a endless loop asking for update if you try to reload.

      posted in Framework
      C
      Carlitos