What’s wrong guys?
R
RolandCsibrei
@RolandCsibrei
Freelancer
Latest posts made by 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' } }
-
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;
}