Hi

The reason is @babel/parser@7.8.4 which is installed as we generate a new quasar project.

There are two solutions.

First.
Change inline declarations

: import(`./AppComponents/${this.componentName}.vue`);

for

: import('./AppComponents/' + this.componentName + '.vue');

It works with @babel/parser@7.8.4

Second.
Delete folder ./node_modules/babel/parser
Install @babel/parser@7.7.5:
Add in package.json “@babel/parser”: “7.7.5”

"devDependencies": { "@babel/core": "^7.6.2", "@quasar/app": "^1.0.0", "@babel/parser": "7.7.5", "@vue/eslint-config-standard": "^4.0.0", "babel-eslint": "^10.0.1", "eslint": "^5.10.0", "eslint-loader": "^2.1.1", "eslint-plugin-vue": "^5.2.2", "sass": "^1.25.0", "sass-loader": "^8.0.2" }, npm install

or directly

npm install @babel/parser@7.7.5

Works with inline declarations.

Thank you for helping me find the reason.

I think I found a solution. I don’t know if it’s the correct, but it works.
In the quasar.conf.js file I added:

// Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build build: { ... extendWebpack (cfg) { cfg.resolve.alias = { ...cfg.resolve.alias, '~/util': path.resolve(__dirname, './src/util') } ... } ... },

turns out that just selecting “.disabled class” is not enough, you also need to match children:

so adding this to css/app.scss works for me.

.disabled, .disabled *{
cursor: auto !important;
}