electron入门笔记(三)- 引入bootstrap

源码:https://github.com/sueRimn/electron-bootstrap

当引入jQuerybootstrap文件时,会报错,原因是:electron 的 Renderer 端因为注入了 Node 环境,存在全局函数 require,导致jquery 内部环境判断出现问题。

1、解决方法1:

再引入jQuerybootstrap之前插入如下代码:

 

<script>
       delete window.require;
       delete window.exports;
       delete window.module;
</script>

 

 

2、解决方法2:

前提是你必须能npm安装jQuerybootstrap

先用npm安装好bootstrapjquery,然后使用require来调用(如果无法安装,则加上–global参数),然后将HTML页面里面加入如下代码

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

 

posted @ 2018-08-14 16:47  狐狸家的鱼  阅读(3048)  评论(0编辑  收藏  举报