Import BOOSTRAP in VUE-CodePudding

Getting struggle when Im importing this bootstrap, here is the error. already did npm i boostrap jquery popper.js. but when Im importing these Im getting error. Hope anyone could help . this is my import from main.js file

import Vue from 'vue'
import App from './App'
import router from './router'
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

CodePudding user response：

As the others suggested, you can use bootstrap for Vue, but this does not work well for me. What I usually do is simply add the bootstrap cnd link to my index.html header

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

CodePudding user response：

you cant use bootstrap js in vuejs but you can use bootstrap-vue or only bootstrap css