Topic: How plugins are meant to be installed
So I bought those plugins for VueJs and I am having a hard time figuring how you have envision to install the plugins correctly. I tried multiple things so far to install it. The one that was the most successful was to clone the plugin from Gitlab and copy the folder of the plugin (in my case : MDB-Vue-File-Upload) in a resources folder and change my package.json to install that path. This give me a "half-functional" plugin that has no css like when I compile the examples. I also tried the calendar plugin but same behavior so I think it is my understanding or my expectation of how I would install it that is the problem. So my main question is : how should I install the plugins in my projects that should work with limited effort?
I am also using the Vue-Pro in that project.
Expected behavior I would have expected something working out of the box.
There are three possible ways to install plugins in any project. All are described with details in our documentation: https://mdbootstrap.com/docs/vue/getting-started/quick-start/#plugins
Please let us know if these instructions have any defects.
Best regards
JSONROY commented 4 years ago
Alright, I tested them all. The demo app works and the plugin pack works when you follow the steps.But, the second one ("Existing Project") does not work when following the steps.I was able to fix it by adding the imports in the main.js files (like mentionned in the plugin packs steps)
So, I would recommend to add the step 4.1 under the ("Existing Project").
Step 4.1: Import styles in main.jsimport 'bootstrap-css-only/css/bootstrap.min.css'import 'mdbvue/lib/css/mdb.min.css'
import 'mdb-plugin-pack/MDB-Vue-Calendar/lib/main.css' // only in some plugins
Thank you for your help!
Mikołaj Smoleński staff commented 4 years ago
Thanks for Your remarks! Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.7.1
- Device: Laptop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No