无法在 vue 项目中导入 popper - 找不到模块：错误：无法解析 @popperjs/core

Question

我正在尝试在我的 vue 3 项目中导入 bootstrap js 文件和 popper。我收到此错误，也许我导入文件时做错了什么？

./node_modules/bootstrap/dist/js/bootstrap.min.js
Module not found: Error: Can't resolve '@popperjs/core' in '/Users/admin/Sites/host/node_modules/bootstrap/dist/js'

这是我的 main.js 文件中的代码

import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'popper.js/dist/popper.min.js'
import 'bootstrap/dist/js/bootstrap.min.js'
import '@fortawesome/fontawesome-free/css/all.min.css'


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