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. devlamine
    3. Posts
    D
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 12
    • Best 1
    • Groups 0

    Posts made by devlamine

    • [SSR] LocalStorage.getItem is not a function

      Please help,
      I switched to SSR mode for an existing project but had the same error:
      [view-router] uncaught error during route navigation:

      TypeError: quasar__WEBPACK_IMPORTED_MODULE_2 __. LocalStorage.getItem is not a function
      how can I fix that? I used LocalStorage.getItem in several places of my code.
      

      quasar v1

      You can help me please adapt SSR mode in my boot:

      import { LocalStorage } from 'quasar'
      import { onFail } from '../session/logout'
      import appSetup from './app-setup'
      import config from '../config'
      
      var authorized = false
      
      export default () => {
        if (config.localStorage.enableListener) {
          window.addEventListener('storage', (e) => {
            if (!authorized) {
              console.warn('Unauthorized local storage change')
              switch (config.localStorage.unauthChange) {
                case 'block':
                  if (e.key === 'null' || e.key === null) {
                    reload()
                  } else {
                    _LocalStorage.setNative(e.key, e.oldValue)
                  }
                  break
                case 'clear':
                  reload()
                  break
                default:
                  reload()
                  break
              }
            }
          }, false)
        }
        return Promise.resolve(true)
      }
      
      const reload = () => {
        onFail().then(success => appSetup())
      }
      
      export const _LocalStorage = {
        setNative (key, value) {
          authorized = true
          localStorage.setItem(key, value)
          authorized = false
        },
        set (key, value) {
          authorized = true
          LocalStorage.set(key, value)
          authorized = false
        },
        remove (key) {
          authorized = true
          LocalStorage.remove(key)
          authorized = false
        },
        clear () {
          authorized = true
          LocalStorage.clear()
          authorized = false
        },
        get (key) {
          return LocalStorage.getItem(key)
        }
      }
      
      posted in Help
      D
      devlamine
    • RE: Unable to find client-entry dep after upgrade

      It is resolved : core-js@3.x has problems,return to core-js@2.x

      posted in Framework
      D
      devlamine
    • RE: Unable to find client-entry dep after upgrade

      any solution for this ??

      posted in Framework
      D
      devlamine
    • RE: Unable to find client-entry dep after upgrade

      I tried removing the .quasar, node_modules, .quasar and yarn.lock directories, and got the same error.

      posted in Framework
      D
      devlamine
    • RE: Unable to find client-entry dep after upgrade

      Have you found the solution? I have the same problem

       Dev mode.......... spa
       Pkg quasar........ v1.1.0
       Pkg @quasar/app... v1.0.6
       Debugging......... enabled
      
       app:quasar-conf Reading quasar.conf.js +0ms
       app:dev Checking listening address availability (0.0.0.0:8080)... +5ms
       app:webpack Extending SPA Webpack config +522ms
       app:generator Generating Webpack entry point +320ms
       app:dev-server Booting up... +4ms
      
      
       SPA █████████████████████████ [100%] in ~514ms
      
      
       ERROR  Failed to compile with 1 errors                                                                                                                                                 
      
      This dependency was not found:
      
      * client/.quasar/client-entry.js in multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
      
      To install it, you can run: npm install --save /client/.quasar/client-entry.js
      posted in Framework
      D
      devlamine
    • RE: [Solved] Quasar V1 "Failed to compile with X errors" but no error shown

      It’s resolved, after the migration to version 1, I forgot to replace :

      import(quasar/lang/${locale}).then(lang => {
      })

      instead of

      import(quasar-framework/i18n/${locale}).then(lang => {
      })

      posted in CLI
      D
      devlamine
    • [Solved] Quasar V1 "Failed to compile with X errors" but no error shown

      Software version
      OS: mac os high sierra
      Node: 12.5.0
      NPM: 6.10.0
      yarn: 1.16.0

      $ quasar dev
      
       Dev mode.......... spa
       Pkg quasar........ v1.0.3
       Pkg @quasar/app... v1.0.2
       Debugging......... enabled
      
       app:quasar-conf Reading quasar.conf.js +0ms
       app:dev Checking listening address availability (0.0.0.0:8080)... +5ms
       app:webpack Extending SPA Webpack config +456ms
       app:generator Generating Webpack entry point +231ms
       app:dev-server Booting up... +5ms
      
      
       SPA █████████████████████████ [100%] in ~18s
      
      
      
       ERROR  Failed to compile with 2 errors   
      
      

      (that is ALL the output) 😞

      What were you expecting?
      A list of errors so that I can debug/fix them

      What steps did you take, to get the error?

      package.json :

        "private": true,
        "scripts": {
          "lint": "eslint --ext .js,.vue src",
          "test": "echo \"No test specified\" && exit 0"
        },
        "dependencies": {
          "@quasar/extras": "^1.0.0",
          "apollo-cache-inmemory": "^1.1.12",
          "apollo-client": "^2.2.8",
          "apollo-link": "^1.2.12",
          "apollo-link-context": "^1.0.18",
          "apollo-link-error": "^1.1.11",
          "apollo-link-http": "^1.5.15",
          "axios": "^0.19.0",
          "croppie": "^2.6.4",
          "firebase": "^6.2.4",
          "graphql": "^0.13.2",
          "graphql-tag": "^2.10.1",
          "moment": "^2.22.1",
          "moment-timezone": "^0.5.16",
          "quasar": "^1.0.0",
          "vue-apollo": "^3.0.0-rc.1",
          "vue-i18n": "^8.11.2",
          "vuelidate": "^0.7.4"
        },
        "devDependencies": {
          "@quasar/app": "^1.0.1",
          "@babel/core": "7.5.0",
          "@babel/plugin-transform-runtime": "7.5.0",
          "@babel/preset-env": "7.5.0",
          "@babel/preset-stage-2": "7.0.0",
          "@babel/runtime": "7.5.0",
          "@vue/eslint-config-standard": "^4.0.0",
          "babel-eslint": "^10.0.1",
          "eslint": "^5.10.0",
          "eslint-loader": "^2.1.1",
          "eslint-friendly-formatter": "^4.0.1",
          "eslint-config-standard": "^12.0.0",
          "eslint-plugin-import": "^2.18.0",
          "eslint-plugin-local-rules": "^0.1.0",
          "eslint-plugin-node": "^8.0.1",
          "eslint-plugin-promise": "^4.0.1",
          "eslint-plugin-standard": "^4.0.0",
          "eslint-plugin-vue": "^5.2.3",
          "node-sass": "^4.12.0",
          "sass-loader": "^7.1.0",
          "strip-ansi": "^3.0.1"
        },
        "engines": {
          "node": ">= 8.9.0",
          "npm": ">= 5.6.0"
        },
        "browserslist": [
          "> 1%",
          "last 2 versions",
          "not ie <= 10"
        ]
      }
      
      
      posted in CLI
      D
      devlamine
    • RE: Upgrading v0.16 to v0.17

      It’s already done for the file babelrc.js 🙂 but it’s crashed and extended by quasar-cli in the file /home/devlamine/sites/pr/client/node_modules/quasar-cli/lib/webpack/create-chain.js /:

      line 113
      
          .use ( 'Babel-loader')
            .loader ( 'Babel-loader')
              .Options ({
                extends: appPaths.resolve.app ('babelrc'),
                plugins: cfg.framework.all! == true? [
                  [
                    'transform-imports', {
                      quasar: {
                        transform: `quasar-framework / dist / babel-transforms / imports. $ {cfg.ctx.themeName} .js`,
                        preventFullImport: true
                      }
                    }
                  ]
                ]: []
      

      When I change prevent Full Import: true by false it works !!
      I can do framework.all: true in file quasar.conf.js ? there will be no impact in the other functionality ?

      posted in Framework
      D
      devlamine
    • RE: Upgrading v0.16 to v0.17

      Sorry I change it in devDpendencies but same Error.
      when I comment the code below in node_modules/babel-plugin-transform-imports/index.js it works, but it’s not advisable:

         if (opts.preventFullImport) {
                                  barf('import of entire module ' + source + ' not allowed due to preventFullImport setting');
                              }
      
      "dependencies": {
          "apollo-cache-inmemory": "^1.1.12",
          "apollo-client": "^2.2.8",
          "apollo-link-context": "^1.0.7",
          "apollo-link-error": "^1.0.7",
          "apollo-link-http": "^1.5.3",
          "axios": "^0.18.0",
          "croppie": "^2.6.2",
          "firebase": "^4.12.1",
          "graphql": "^0.13.2",
          "graphql-tag": "^2.8.0",
          "moment": "^2.22.1",
          "moment-timezone": "^0.5.16",
          "vue-apollo": "^3.0.0-beta.5",
          "vue-i18n": "^7.3.3",
          "vuelidate": "^0.6.2"
        },
        "devDependencies": {
          "@babel/core": "7.0.0-beta.52",
          "@babel/plugin-transform-runtime": "7.0.0-beta.52",
          "@babel/preset-env": "7.0.0-beta.52",
          "@babel/preset-stage-2": "7.0.0-beta.52",
          "@babel/runtime": "7.0.0-beta.52",
          "babel-eslint": "^8.2.5",
          "eslint": "^4.15.0",
          "eslint-config-standard": "^11.0.0",
          "eslint-friendly-formatter": "^4.0.1",
          "eslint-loader": "^2.0.0",
          "eslint-plugin-import": "^2.13.0",
          "eslint-plugin-node": "^6.0.1",
          "eslint-plugin-promise": "^3.7.0",
          "eslint-plugin-standard": "^3.0.1",
          "eslint-plugin-vue": "^4.0.0",
          "less": "^3.8.1",
          "less-loader": "^4.1.0",
          "node-sass": "^4.9.3",
          "quasar-cli": "^0.17.19",
          "sass-loader": "^7.1.0",
          "strip-ansi": "^3.0.1",
          "style-loader": "^0.23.0"
      posted in Framework
      D
      devlamine
    • RE: Upgrading v0.16 to v0.17

      Same error :

      Error: babel-plugin-transform-imports: import of entire module quasar not allowed due to preventFullImport setting
      
      "dependencies": {
          "@babel/core": "^7.1.0",
          "@babel/plugin-syntax-dynamic-import": "^7.0.0",
          "@babel/plugin-transform-runtime": "^7.1.0",
          "@babel/preset-env": "^7.1.0",
          "apollo-cache-inmemory": "^1.1.12",
          "apollo-client": "^2.2.8",
          "apollo-link-context": "^1.0.7",
          "apollo-link-error": "^1.0.7",
          "apollo-link-http": "^1.5.3",
          "axios": "^0.18.0",
          "croppie": "^2.6.2",
          "firebase": "^4.12.1",
          "graphql": "^0.13.2",
          "graphql-tag": "^2.8.0",
          "moment": "^2.22.1",
          "moment-timezone": "^0.5.16",
          "vue-apollo": "^3.0.0-beta.5",
          "vue-i18n": "^7.3.3",
          "vuelidate": "^0.6.2"
        },
        "devDependencies": {
          "babel-eslint": "^9.0.0",
          "eslint": "^5.6.0",
          "eslint-config-standard": "^12.0.0",
          "eslint-friendly-formatter": "^4.0.1",
          "eslint-loader": "^2.1.1",
          "eslint-plugin-import": "^2.14.0",
          "eslint-plugin-node": "^7.0.1",
          "eslint-plugin-promise": "^4.0.1",
          "eslint-plugin-standard": "^4.0.0",
          "eslint-plugin-vue": "^4.7.1",
          "less": "^3.8.1",
          "less-loader": "^4.1.0",
          "node-sass": "^4.9.3",
          "quasar-cli": "^0.17.19",
          "sass-loader": "^7.1.0",
          "strip-ansi": "^3.0.1",
          "style-loader": "^0.23.0"
        },
      :(
      posted in Framework
      D
      devlamine
    • RE: Upgrading v0.16 to v0.17

      I deleted a node_module folder
      2. quasar clean
      3. npm cache clean --force
      4. nmp install

      But I have this error :
      0_1537485279646_Capture d’écran_2018-09-21_00-09-20_error.png

      Thank you so much for your fast reply.

      posted in Framework
      D
      devlamine
    • Upgrading v0.16 to v0.17

      Anyone seen an error similar to this when upgrading from 0.16 =>0.17 ?
      0_1537390714964_Capture d’écran_2018-09-19_21-50-03.png

      ./src/store/app/mutations.js

      import { _LocalStorage } from ‘…/…/boot/local-storage’
      import Quasar from ‘quasar’
      import { i18n } from ‘…/…/plugins/i18n’

      export const setLanguage = (state, payload) => {
      let setup = _LocalStorage.get(‘setup’)
      setup.language = payload
      state.setup.language = payload
      _LocalStorage.set(‘setup’, setup)
      import(quasar-framework/i18n/${payload}).then(lang => {
      Quasar.i18n.set(lang.default)
      })
      i18n.locale = payload
      }

      export const showTerms = (state, payload) => {
      state.setup.showTerms = payload
      }

      export const setup = (state, payload) => {
      state.setup = payload
      }

      posted in Framework
      D
      devlamine