What’s wrong guys?

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'
  }
}

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

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