如何在 vue cli 中包含来自节点模块的 bootstrap.min.js答案

【问题标题】：how can Include bootstrap.min.js from node modules in vue cli如何在 vue cli 中包含来自节点模块的 bootstrap.min.js
【发布时间】：2019-07-12 07:22:42
【问题描述】：

我正在使用 vue cli 。我已经使用npm install bootstrap 命令安装了引导程序。我已经在 vue 组件上成功导入了@import "../node_modules/bootstrap/dist/css/bootstrap.min.css" ;，但是当我在 index.html 上包含脚本<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 时，在关闭正文标记之前它不起作用。

【问题讨论】：

标签： vue.js vuejs2 vue-component

【解决方案1】：

在 main.js 中导入 bootstrap js 文件，就像使用 css 文件一样。所以在 main.js 中添加import 'bootstrap'。

【讨论】：

无法添加@import "../node_modules/bootstrap/dist/js/bootstrap.min.js";在 main .js 上请分享真实示例
你是如何设置你的项目的，你使用 vue cli 吗？
是的，一切都是默认的 vue cli 我默认有 app.vue 和组件文件夹。此外，我刚刚使用 npm install bootstrap 安装引导程序。但不知道如何添加 bootstrap.min.js
看看这篇文章：travishorn.com/…
我仍然没有找到解决方案。不过给你点。如果发现评论我

【解决方案2】：

安装引导程序使用npm

npm install bootstrap

编辑您应用的 src/main.js 文件。像这样导入。

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'

【讨论】：