将 Popper 合并到 Vue/Bootstrap 项目中

Question

我正在尝试让 Popover 与我已拆分为 Vue 组件的 Bootstrap 5 主题一起使用。 Bootstrap css 工作正常，但我不确定 js 是否正常，而且我似乎无法让 Popover 组件工作，所以我很确定我没有正确导入或启用某些内容。

这与我认为我在main.js中得到的一样接近，但这段代码不起作用：

import { createApp } from 'vue'
import App from './App.vue'

import { Popover } from 'bootstrap';
import 'bootstrap/scss/bootstrap.scss';

var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'))
popoverTriggerList.map(function (popoverTriggerEl) {
    return new Popover(popoverTriggerEl)
})

createApp(App).use(store).use(router).mount('#app')

我明白为什么这不适用于 Vue，但我不确定还能尝试什么。

我通过npm install @popperjs/core安装了 Popper，我也尝试导入它，但我也无法让它工作。

我正在使用 Bootstrap 5 和 Vue 3，但我不确定接下来要尝试什么，因此我们将不胜感激。

Answer 1

结果我遇到了不同的问题，这就足够了

import 'bootstrap';
import 'bootstrap/scss/bootstrap.scss';