jquery - Electron 应用的 Angular-CLI

标签 jquery twitter-bootstrap angular electron angular-cli

我正在使用 Electron 和 Angular2(使用 Angular-Cli)开发一个桌面应用程序。

我想使用 Bootstrap,所以在我的 angular-cli.json 中,我将所需的脚本文件添加到了 apps[0].scripts 中,如下所示:

  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js",
    "../node_modules/toastr/build/toastr.min.js"
  ],

当我在网络上运行应用程序(使用 ng serve)时,一切正常。但是当我使用 Electron 运行应用程序时(首先是 ng build,然后从/dist 运行 Electron),我遇到了以下错误:
Uncaught Error :Bootstrap 的 JavaScript 需要 jQuery。 Angular 2 部分工作正常,路由工作正常, View 正确呈现等。

当我调查 scripts.bundle.js 时,包括了那些 3rd 方库。但是 Bootstrap 代码在 JQuery 之前。这就是我看到 Electron 错误的原因吗?

最佳答案

   <script>
    try {
        window.nodeRequire = require;
        delete window.require;
        delete window.exports;
        delete window.module;
    } catch (e) {
    }
</script>

将此添加到 index.html

关于jquery - Electron 应用的 Angular-CLI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40212097/

相关文章:

javascript - 悬停时的 jQuery 函数不起作用,这是为什么?

javascript - 不稳定的 jQuery 可拖动行为

javascript - 显示 Amcharts,但控制台输出一个错误

javascript - 将单个 Bootstrap 选择更新为多个

jquery - 使用 jquery 从 <span> 获取复选框值

Angular2 最终 : "No provider for ConnectionBackend" also "Can' t resolve all parameters for . ..”

javascript - 绑定(bind)多个参数的回调函数

javascript - 在 jQuery 选择器中使用函数参数

Angular Testing 模块和覆盖

javascript - 在有或没有 jquery 的情况下使用延迟 Angular promise 的正确方法是什么?