Submitted an issue: https://github.com/quasarframework/quasar/issues/2546

It doesn’t seem like you’re setting the color of the QCard though?

Hello, I’ve noticed that no matter what color I pass as the color prop to QCard, it colors the text white and adds a q-card-dark class to the outermost <div> of the QCard, which also causes the separator to be white.

This happens even when setting the color to white, which means the QCard appears completely blank.

Is this a bug? Or can this be overriden? I know I can pass the textColor prop to override the text color, but this doesn’t change the color of the separator.

Hello,
I decided to migrate my project to TypeScript, so I followed all the steps for migrating a Vue project to TS, but now I ran into a webpack issue:

$ quasar build
 app:build Mode [ SPA ] with [ MAT ] theme +0ms

 app:quasar-conf Reading quasar.conf.js +362ms
 app:quasar-conf Generating Webpack config +194ms
 app:quasar-conf Extending Webpack config +458ms
 app:artifacts Cleaned build artifact: "/home/t/cis/cis-dashboard-app/dist/spa-mat" +5ms
 app:generator Generating Webpack entry point +0ms
 app:build Building main... +2ms

Starting type checking service...
Using 1 worker with 2048MB memory limit
Build completed in 9.11s

/* snip */

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve '../src/router' in '/my/app/.quasar'
 @ ./.quasar/entry.js 25:37-61
 @ multi ./.quasar/entry.js

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve 'src/plugins/auth' in '/my/app/.quasar'
 @ ./.quasar/entry.js 27:35-62
 @ multi ./.quasar/entry.js

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve 'src/plugins/axios' in '/my/app/.quasar'
 @ ./.quasar/entry.js 29:36-64
 @ multi ./.quasar/entry.js

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve 'src/plugins/cordova-etc' in '/my/app/.quasar'
 @ ./.quasar/entry.js 35:41-75
 @ multi ./.quasar/entry.js

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve 'src/plugins/i18n' in '/my/app/.quasar'
 @ ./.quasar/entry.js 31:35-62
 @ multi ./.quasar/entry.js

ERROR in ./.quasar/entry.js
Module not found: Error: Can't resolve 'src/plugins/notifications' in '/my/app/.quasar'
 @ ./.quasar/entry.js 33:44-80
 @ multi ./.quasar/entry.js

 app:build [FAIL] Build failed with errors +0ms

The entry.js file (which is apparently generated somewhere in the build process by quasar?) is still a .js file, and thus the plugin imports:

import pluginAuth from 'src/plugins/auth'
plugins.push(pluginAuth)

and other imports fail.

The relevant portion of my quasar.conf.js is:

extendWebpack (cfg) {
    cfg.module.rules.push({
      enforce: 'pre', // tried both with and without, no luck
      test: /\.ts$/,
      loader: 'ts-loader',
      options: {
        appendTsSuffixTo: [/\.vue$/],
        transpileOnly: true
      }
    })
    cfg.plugins.push(new ForkTsCheckerWebpackPlugin())
    // disabled temporarily eslint before I get this mess of a build process working
    // cfg.module.rules.push({
    //   enforce: 'pre',
    //   test: /\.(js|vue)$/,
    //   loader: 'eslint-loader',
    //   exclude: /(node_modules|quasar|src-cordova)/
    // })
}

Any ideas how to get the build to work? Thanks!

Hello again! I’m afraid that this issue might have solved itself.

I realized I accidentally lied about the <q-popover> being a direct child of <q-btn>, because it was in a different component (of which the QPopover was the root element). Changing this and putting the <q-popover> directly in the parent component solved the issue, so I thought this was the problem; but when I reverted back to it being separate, it actually still works and I can’t reproduce the error.

Hello!
I’m trying to use a QPopover as in the docs (i.e. the <q-popover> is a direct descendant of <q-btn>), but when I click the button, I get this error:
TypeError: __WEBPACK_IMPORTED_MODULE_0__plugins_platform__.a.is is undefined

edit: above error in Firefox, Chrome provides the much more descriptive Uncaught TypeError: Cannot read property 'desktop' of undefined.

I’ve tracked it down to the file escape-key.js, which checks the Platform object; which my debugger confirms is indeed undefined:

The QPopover is correctly included in components in quasar.conf.js, as well as Platform in plugins, and I am not sure what else could be the cause of this error.

Thanks in advance!

Any help please?

Hello,
I have a menu with a couple options that I would like to open just like QDatetime opens - in a modal on small screens, and as a popover on desktop.
Of course, I can always make two components and just dynamically select between which one to render, but I was wondering whether there was an easy, or rather a ‘preferred’ way to do this (that wouldn’t involve duplicating code for the menu options, etc).
Thanks in advance!