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

Question

我的Vue JS应用Bootstrap导航栏在移动设备中不起作用。我已经安装了Bootstrap，JQuery和popper节点模块。我的Vue JS应用显示错误 未找到模块。无法解析'node_modules / 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>

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

Answer 1

我已将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";

导航现在可以在移动设备上运行