Missing dependency bootstrap vue

LeducH commented 4 years ago

I want to test your template/theme after running npm run serve I get

 ERROR  Failed to compile with 4 errors                                                                                                                      2:52:08 PM

These dependencies were not found:

* bootstrap-vue/es/components/carousel/carousel in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js&
* bootstrap-vue/es/components/carousel/carousel-slide in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js&
* bootstrap-vue/es/directives/popover/popover in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js&
* bootstrap-vue/es/directives/tooltip/tooltip in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js&

To install them, you can run: npm install --save bootstrap-vue/es/components/carousel/carousel bootstrap-vue/es/components/carousel/carousel-slide bootstrap-vue/es/directives/popover/popover bootstrap-vue/es/directives/tooltip/tooltip

I tried installing the depencies but get

 $ npm install --save bootstrap-vue/es/components/carousel/carousel bootstrap-vue/es/components/carousel/carousel-slide bootstrap-vue/es/directives/popover/popover bootstrap-vue/es/directives/tooltip/tooltip
npm ERR! code ENOLOCAL
npm ERR! Could not install from "bootstrap-vue/es/components/carousel/carousel" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/user/.npm/_logs/2019-09-13T12_57_52_055Z-debug.log

CamWang commented 4 years ago

use yarn instead of npm can get the right packages

damithatiqri commented 4 years ago

Didn't worked for me. What did work was, In F:\Projects\ExPath\Themes\vue-argon-design-system-master\src\views\components\Carousel.vue => bootstrap-vue/es/components/carousel/carousel to bootstrap-vue/esm/components/carousel/carousel and in F:\Projects\ExPath\Themes\vue-argon-design-system-master\src\views\components\JavascriptComponents\Tooltips.vue did the same as above for es.

And updated node-sass and sass-loader to the latest

jonalxh commented 4 years ago

I've changed the way of importing the components. You have to edit Carousel.vue and Tooltips.vue:

In Carousel.vue:

import {BCarousel} from "bootstrap-vue";
import {BCarouselSlide} from "bootstrap-vue";

In Tooltips.vue:

import {BTooltip} from "bootstrap-vue";
import {BPopover} from "bootstrap-vue";

AymanEG commented 4 years ago

using yarn solved the issue.

creativetimofficial / vue-argon-design-system

Missing dependency bootstrap vue #28