如何在电子渲染器进程中使用 jQuery 插件？答案

【问题标题】：How to use jQuery Plugin in Electron Renderer Process?如何在电子渲染器进程中使用 jQuery 插件？
【发布时间】：2016-02-15 11:30:59
【问题描述】：

我正在通过 Electron 制作 webview 应用程序。

当我想使用这个插件时，无法加载。 http://madapaja.github.io/jquery.selection/

jQuery 正在收集，但插件没有。

如何在电子中加载插件？

代码如下。

app.js(主进程)

app.on('ready', function() {
   mainWindow = new MainWindow();
   mainWindow = new BrowserWindow({
   width: 1480,
   height: 800,
   preload: __dirname + '/index.js',
   "zoom-factor": 1.0
  });
  mainWindow.loadUrl('https://example.com');
  mainWindow.openDevTools();
  mainWindow.webContents.on('new-window', function(event, url) {
  shell.openExternal(url);
  event.preventDefault();
   });
mainWindow.webContents.on('closed', function() {
mainWindow = null;
app.quit();});
ipc.on('loadurl', function(event, args) {
 mainWindow.window.loadUrl(args.url);
 mainWindow.window.focus();
});

index.js（渲染过程）

var remote = require('remote');
var app = remote.require('app');
var ipc = require('ipc');
var myScript = require('./lib/myScript');
var BrowserWindow = remote.require('browser-window');
  window.onload = function(){
    myScript.sumeFunc();
  };

myScript.js（使用 jquery 插件）

var remote = require('remote');
var $ = jQuery = remote.require('./jquery-2.1.4.min');
require('./jquery.selection');
var myScript = {
someFunc: function () {
'use strict';

var toolBarSelector = '.chatSendTool';
var chatTextAreaSelector = '#_chatText';

function getContents() {
  var selected = $(chatTextAreaSelector).selection(); //this is jquery plugin

  if (selected) return selected;
  return $(chatTextAreaSelector).val();
}
}};

错误如下

基本错误：jQuery 需要一个带有文档的窗口

【问题讨论】：

那么如果您不提供任何错误消息、代码等，我们怎么知道发生了什么？

标签： javascript jquery electron

【解决方案1】：

在您的myScript.js 中尝试替换：

var $ = jQuery = remote.require('./jquery-2.1.4.min');

与：

var $ = global.jQuery = require('./jquery-2.1.4.min');

我不知道你为什么要尝试远程调用 jQuery。

【讨论】：