Error by importing lib about vuetify-extra

[menteora]

Hi @ricardo17coelho, I've only one doubt:

On my project:

npm install /path/to/vuetify-extra.git

Have you tried npm install @menteora/vuetify-extra ?

L.

[ricardo17coelho]

Hi @menteora ,

No, I don't
But is possible to install it local or not ?

[menteora]

Yes, I've lost a lot of hours to find correct way to do this. 😅

Use npm run build:local

On package.json uses npm pack under the hood:

"build:local": "vue-cli-service build --target lib --name menteora src/plugin.js && npm pack",

and in your project use:

npm install /path/to/<libraryname>-<version>.tgz

NOTE: Not use npm link for this purpose, creates a lot of strange errors based on dependencies. 😵

[ricardo17coelho]

npm install /path/to/<libraryname>-<version>.tgz

this method works, but own css into the components (code is into the generated css file) was not imported.

[menteora]

I use vuetify css.

You can use loader, see quickstart : https://vuetifyjs.com/en/getting-started/quick-start

Or import manually:

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

[ricardo17coelho]

i mean own css from components. Not css from VUETIFY.

i have created a project with

vue create myProject

and than:

vue add vuetify

That means that vuetify is already global installed/imported and i don't need to import Vuetify css
but myComponent CSS was no imported into the project.

[menteora]

Sorry, but my project work with Vuetify css, I've not tested with custom css, It's not my target at the moment.

If you want import your custom css I think you can import '@menteora/vuetify-extra/dist/menteora.css' (follow the path of css inside node_module)