jquery在其他javascript文件之前包含时不加载

Question

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>Electron Boilerplate</title>

    <link href="stylesheets/main.css" rel="stylesheet" type="text/css">
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../vendor/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body>
  <div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">SB Admin v2.0</a>
      </div>
    ...



    </nav>
  </div>
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="helpers/context_menu.js"></script>
    <script src="helpers/external_links.js"></script>

    <script src="app.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="../vendor/metisMenu/metisMenu.min.js"></script>
    <script src="../vendor/sb-admin-2.js"></script>
</body>
</html>

目前控制台给了我以下三个错误：

未捕获的错误：Bootstrap 的 JavaScript 需要 jQuery (bootstrap.min.js:16)

Uncaught ReferenceError: jQuery is not defined (metisMenu.min.js:9)

Uncaught ReferenceError: $ is not defined (sb-admin-2.js:6)

我在网上搜索过，但找不到适合我的问题的解决方案。我尝试将jquery.min.js 移动到标题并将jquery 的源更改为https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js。这两个选项都不起作用。我认为这可能是因为在加载其他 javascript 文件之后才加载 jquery。我该如何解决这个问题？

更新： 这是我的文件夹结构：

供应商有：

app.html 在这里：

我尝试在控制台中输入jQuery.fn.jquery 和jQuery().jquery。两者都给了我Uncaught ReferenceError: jQuery is not defined(…).所以看起来jQuery根本没有加载。

Answer 1

似乎 jQuery 被加载到电子中的一个孤立作用域中。 您可以在所有脚本导入之前插入此脚本

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

这应该适用于浏览器和电子