jquery - 如何在 Electron 应用程序中实现 JQuery 和 Bootstrap

Question

在我认为 Angular2-Electron 应用程序已准备好投入生产后，我将其打包，但在途中遇到了错误。出现的错误是无法找到我的 Bootstrap 带和 JQuery。现在我正在通过node_modules将它加载到我的index.html中。这非常有效，直到我不得不打包它。在本地加载 JQuery 和 bootstrap 以便我的 Electron 应用程序可以找到它的最佳方法是什么？我收到的错误是错误找不到模块我明白原因，因为当 Electron 打包时，所有内容都被移动到一个文件中，我只是无法弄清楚何时何地将 bootstrap 和 JQuery 加载到相应位置

index.html:

 <script>window.$ = window.jQuery = require('../node_modules/jquery/dist/jquery.min.js');</script>

 <script src="../node_modules//bootstrap/dist/js/bootstrap.min.js"></script>

 <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

 <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap-theme.min.css">

Answer 1

仅需要加载 jquery 是不够的，您还必须在标签中另外引用您的文件:

<script>window.$ = window.jQuery = require('../node_modules/jquery/dist/jquery.min.js');</script>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>

您还应该确保所有路径都是正确的(您的 bootstrap.min.js 引用中有一个双/)