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

简介: 源码:https://github.com/sueRimn/electron-bootstrap当引入jQuery和bootstrap文件时,会报错,原因是:electron 的 Renderer 端因为注入了 Node 环境,存在全局函数 require,导致jquery 内部环境判断出现问题。

源码: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>

 

相关文章
|
6月前
|
前端开发 JavaScript 容器
前端基础 - Bootstrap简介
前端基础 - Bootstrap简介
31 0
|
7月前
|
开发框架 前端开发 JavaScript
Bootstrap怎么搭建?导进JS项目?怎么用?是什么?(前端开发框架)
Bootstrap4是一套用于HTML、CSS、JavaScript的开源工具集,它简洁灵活,使得web开发更加的便捷.Bootstrap 由 Mark Otto 和 Jacob Thornton 在上开发,并于年 8 月 在 GitHub 上作为开源产品发布。
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十四天-模块之common.js基础概念1
前端学习笔记202305学习笔记第二十四天-模块之common.js基础概念1
47 0
|
JavaScript
js基础笔记学习275练习5之三
js基础笔记学习275练习5之三
56 0
js基础笔记学习275练习5之三
|
JavaScript
js基础笔记学习274练习5之二
js基础笔记学习274练习5之二
46 0
js基础笔记学习274练习5之二
|
JavaScript
js基础笔记学习104-类得简介2
js基础笔记学习104-类得简介2
41 0
js基础笔记学习104-类得简介2
|
JavaScript
js基础笔记学习104-类得简介1
js基础笔记学习104-类得简介1
53 0
js基础笔记学习104-类得简介1
|
JavaScript
js基础笔记学习255Bom的简介
js基础笔记学习255Bom的简介
49 0
js基础笔记学习255Bom的简介
|
前端开发 JavaScript 小程序
2.4【微信小程序全栈开发课程】ES6知识点详解--创建config.js配置文件
ES6是JavaScript的一个版本,因为我们前面用到的vue默认使用ES6语法开发,所以我们在这一节补充ES6的知识点,先了解我们项目经常用到的ES6的一些语法。
429 0
2.4【微信小程序全栈开发课程】ES6知识点详解--创建config.js配置文件
|
JavaScript 前端开发 Java
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
536 0
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目

热门文章

最新文章