@metalsadman i found the problem - this is not working within a modal (not working means do not scrolling):

when I place this not in a modal window - everything works

ok! Thank you for your valuable help and support, i think i will find solution, probably I’ll make a modal window as a separate component. Then it should work!

@metalsadman doesn’t work!
here is my boot file (main.js in /src/boot/ dir:

// import something here

// "async" is optional
//export default async ({ /* app, router, Vue, ... */ }) => {
  // something to do
//}

import 'vue-scroll-picker/dist/style.css'
import VueScrollPicker from 'vue-scroll-picker'

export default ({ Vue }) => {
  Vue.use(VueScrollPicker)
}

here is the component ( i try with and without import style.css:

import "../../../node_modules/vue-scroll-picker/dist/style.css"
import { ScrollPicker, ScrollPickerGroup } from "vue-scroll-picker"
 
export default {
  components: {
    ScrollPicker,
    ScrollPickerGroup,
  },

this is quasar.conf.js:

module.exports = function (ctx) {
  return {
    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    boot: [
      'main.js'
    ],

    css: [
      'app.styl',
      '~vue-scroll-picker/dist/style.css'
    ],

What i did wrong?

@metalsadman thank you, i tried this in all options, but doesn’t work

@s-molinari yes, i tried to do that:
import “vue-scroll-picker/dist/style.css”

is not working

Of course, I pointed all the paths correctly, but it does not work

@s-molinari styles are not loaded from the package. I installed the package according to the docs ‘npm i vue-scroll-picker’. So, i have this package in my package.json file. I also imported this in my component:

import { ScrollPicker, ScrollPickerGroup } from “vue-scroll-picker”

export default {
components: {
ScrollPicker,
ScrollPickerGroup,
}
})
so I only have HTML without styles

Hi everybody! I try to embed some NPM package , but got trouble with styles. How can i connect styles to my Quasar Cli component? Thank you

Yes, i found the solution. If someone wants to use this module you need to run the script from the directory Client (where is Quasar), then it works properly

@patryckx
yes, sure.
Actually my question is - where is the index.js file that running the Quasar app?

hi everyone!
In my project i broke backend (server folder) with Express REST API on port http://localhost:3000/ and frontend (client folder) with Quasar on port http://localhost:8080/. So, i try to run both simultaneously with concurrently module.
But i have an error: ‘Unknown command “dev”’. I tried i to use ‘npm run start’ but there is no such file index.js in the client/index.js.

This is a package.json in server directory:

I used this method in Angular project before and it worked perfectly.
Please tell me the right solution. Thank you