除非我从 url 导入，否则 Bootstrap 不会检测到 JQuery

【问题标题】：Bootstrap doesn't detect JQuery unless I import it from url除非我从 url 导入，否则 Bootstrap 不会检测到 JQuery
【发布时间】：2019-11-22 08:17:45
【问题描述】：

<script src="js/jquery.min.js" charset="utf-8"></script>

<script src="js/bootstrap/bootstrap.js" charset="utf-8"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="js/bootstrap/bootstrap.js" charset="utf-8"></script>

第一个将在引导程序上给出“无法读取未定义的属性 'fn'”错误。第二个不会。

我尝试过许多不同版本的 JQuery。我正在使用电子和 nodejs。我现在使用的 Jquery 版本被正确检测到，并且与 google 的版本相同。

JQuery 安装在 NodeJS 中。

【问题讨论】：

你真的有一个js/jquery.min.js文件吗，就像你可能有一个js/bootstrap/bootstrap.js一样？
现在它甚至没有被 google 文件检测到。但是，是的，我愿意。

标签： jquery html bootstrap-4 electron

【解决方案1】：

我不知道这是否是“正确”的做法，但这就是我几年来一直设置JQuery 和Bootstrap 的方式。使用Electron 5，我必须在创建窗口时设置nodeintegration: true才能使用require（我想我可以直接链接到JQuery）。

所有的库都是通过npm安装的。

    <script>
        if (typeof module === 'object') { window.module = module; module = undefined; }
    </script>
    <script>window.$ = window.jQuery = require('jquery');</script>

    <!-- BOOTSTRAP -->
    <link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="../node_modules/popper.js/dist/umd/popper.js"></script>
    <script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <script src="../node_modules/moment/min/moment.min.js"></script>

    <link href="../node_modules/@fortawesome/fontawesome-free/css/all.css" rel="stylesheet" type="text/css">

【讨论】：