將 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';