Vue.js 如何将bootstrap.min.js导入Vue js

我的Vue JS应用程序引导导航栏在移动设备中不工作。我已经安装了引导、JQuery和popper节点模块。My Vue JS应用程序显示错误未找到模块。无法解析“节点\模块/bootstrap/dist/js/bootstrap”

这是我的App.vue上的代码

<style lang="scss">
$primary: #05b2dd;
@import "node_modules/bootstrap/scss/bootstrap";
</style>

<script>
import "node_modules/jquery/dist/jquery.slim.min";
import "node_modules/popper/dist/popper.min";
import "node_modules/bootstrap/dist/js/bootstrap.min";
</script>

$primary:#05b2dd；
@导入“节点单元模块/引导程序/scss/引导程序”；
导入“node_modules/jquery/dist/jquery.slim.min”；
导入“node_modules/popper/dist/popper.min”；
导入“node_modules/bootstrap/dist/js/bootstrap.min”；

---

我的Vue应用程序中的文件路径已存在：node_modules\bootstrap\dist\js\bootstrap.min.js

我已将js文件的导入移动到main.js。下面是代码片段

import "../node_modules/jquery/dist/jquery.slim.min";
import "../node_modules/popper.js/dist/popper.min";
import "../node_modules/bootstrap/dist/js/bootstrap";

导航现在正在移动设备上工作