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. RolandCsibrei
    R
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 3
    • Best 0
    • Groups 0

    RolandCsibrei

    @RolandCsibrei

    Freelancer

    -1
    Reputation
    5
    Profile views
    3
    Posts
    0
    Followers
    0
    Following
    Joined Last Online
    Location Slovakia Age 46

    RolandCsibrei Follow

    Latest posts made by RolandCsibrei

    • I am not a promoted user despite of sponsoring quasar for 6+ on monthly basis.

      What’s wrong guys?

      posted in Help
      R
      RolandCsibrei
    • Sourcemaps not generated after Quasar update anymore

      I did an update

       @quasar/extras: 1.6.0 → 1.8.2
       quasar: 1.9.10 → 1.12.3
       @quasar/app: 1.6.0 → 1.9.6
      

      Starting the server with quasar dev produces no source maps or the source maps are not picked up by Chrome, like before.

      Can anyone help me?

      Thanks!

      R.

      UPDATE:

      Source maps are generated, but it shows the transpilled code in Chrome debugger.

      quasar.config.js:

       build: {
            scopeHoisting: true,
             vueRouterMode: 'history',
             showProgress: true,
             devtool:"source-map",
            // gzip: true,
            // analyze: true,
            // preloadChunks: false,
            // extractCSS: false,
      
            // https://quasar.dev/quasar-cli/cli-documentation/handling-webpack
            chainWebpack (cfg) {
              cfg.plugins.delete('named-chunks')
            },
            extendWebpack (cfg) {
              cfg.module.rules.push({
                enforce: 'pre',
                test: /\.(js|vue)$/,
                loader: 'eslint-loader',
                exclude: /node_modules/,
                options: {
                  fix: true,
                  formatter: require('eslint').CLIEngine.getFormatter('stylish')
                }
              })
            }
          },
      

      babel.config.js:

      module.exports = {
        presets: ["@quasar/babel-preset-app"],
      
        plugins: [
          "@babel/plugin-proposal-optional-chaining",
          "@babel/plugin-proposal-nullish-coalescing-operator"
        ]
      };
      

      .eslintrc.js

      module.exports = {
        root: true,
      
        parserOptions: {
          parser: 'babel-eslint',
          sourceType: 'module'
        },
      
        env: {
          browser: true
        },
      
        extends: [
          // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
          // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
          'plugin:vue/essential',
          '@vue/standard'
        ],
      
        // required to lint *.vue files
        plugins: [
          'vue'
        ],
      
        globals: {
          'ga': true, // Google Analytics
          'cordova': true,
          '__statics': true,
          'process': true,
          'Capacitor': true,
          'chrome': true
        },
      
        // add your custom rules here
        rules: {
          // allow async-await
          'generator-star-spacing': 'off',
          // allow paren-less arrow functions
          'arrow-parens': 'off',
          'one-var': 'off',    
          'import/first': 'off',
          'import/named': 'error',
          'import/namespace': 'error',
          'import/default': 'error',
          'import/export': 'error',
          'import/extensions': 'off',
          'import/no-unresolved': 'off',
          'import/no-extraneous-dependencies': 'off',
          'prefer-promise-reject-errors': 'off',
      
          // allow debugger during development only
          'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
        }
      }
      
      posted in CLI
      R
      RolandCsibrei
    • RE: [v1]How to change hover color for q-item

      <q-item class=“my-item” …
      </q-item>

      style:
      .my-item:nth-child(even) {
      background-color:#f8f8f8;
      }
      .my-item:hover {
      background-color: red;
      }

      posted in Framework
      R
      RolandCsibrei