Как включить и использовать jQuery в Electron Framework

Хотите верьте, хотите нет, но вы не сможете использовать jQuery в первый раз, если просто включите файл скрипта jQuery в свой документ (по крайней мере, до даты использования jQuery 3.0). Если вы сделаете это, первое сообщение, которое вы найдете в консоли, будет:

Uncaught ReferenceError : $ is not defined
# or
Uncaught ReferenceError : jQuery is not defined

И вы можете расстроиться, пытаясь решить ее самостоятельно, поскольку вам может понадобиться прочитать исходный код jQuery, чтобы узнать, почему он не работает.

JQuery не определен (глобально в окне), потому что "module" определяется, поэтому вы не можете получить доступ к переменной jQuery, поскольку она на самом деле не существует, эта проблема вызвана следующим оператором if в библиотеке:

if ( typeof module === "object" && typeof module.exports === "object" ) {
// set jQuery in `module`
} else {
// set jQuery in `window`
}

Помните, что Electron использует нод для работы, поэтому у jQuery есть конфликт в объявлении из-за модуля, не рекомендуемое решение состоит в том, чтобы установить для свойства интеграции узла значение false в BrowserWindow(), однако это исключило бы использование узла в вашем приложении, и никто не хочет этого … я думаю.

Но не волнуйтесь, реальное решение проще, чем вы думаете, и вы сможете нормально использовать jQuery через пару секунд.

Исправить с помощью NPM

Установите jQuery в свой проект, используя следующую команду в командной строке узла:

npm install jquery --save

Теперь добавьте следующий код в тег скрипта (или файл js):

window.$ = window.jQuery = require('jquery');

Вам нужно просто объявить jQuery а также $глобальные переменные со значением (сама библиотека), возвращаемым для метода require.

Исправить с помощью файла библиотеки jQuery

Если вы не устанавливаете непосредственно библиотеку jQuery с помощью NPM, это означает, что у вас есть просто файл jQuery в вашем проекте. Чтобы добавить переменную jQuery в окно, используйте require с путем к пути к библиотеке jQuery в качестве первого параметра:


window.$ = window.jQuery = require('./jquery-3.0.0.min.js');

Вам нужно просто объявить jQuery а также $ глобальные переменные со значением (сама библиотека), возвращаемым для метода require.

Повеселись !

Ссылка на основную публикацию
Adblock
detector