I am struggling when I'm importing this Bootstrap. Here is the error.
I already did npm i boostrap jquery popper.js. But when I’m importing these, I’m getting an error.
This is my import from the main.js file:
import Vue from 'vue'
import App from './App'
import router from './router'
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
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/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
You can’t use Bootstrap in Vue.js, but you can use bootstrap-vue or only Bootstrap CSS.