這篇文章主要講解了“jQuery報錯Uncaught ReferenceError: $ is not defined怎么解決”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“jQuery報錯Uncaught ReferenceError: $ is not defined怎么解決”吧！

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的滴道網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

最近在了解Electron框架寫應(yīng)用，偶然發(fā)現(xiàn)在html中使用這種方式引入JQuery，明明引入了，程序中卻始終報錯顯示：Uncaught ReferenceError: $ is not defined。

經(jīng)查閱資料，發(fā)現(xiàn)不僅JQuery不能用，RequireJS、Meteor、AngularJS也不能使用。

原因是Electron 在運行環(huán)境中引入了 Node.js，默認(rèn)啟用了Node.js的require模塊，而這些框架為了支持commondJS標(biāo)準(zhǔn)，當(dāng)Window中存在require時，會啟用模塊引入的方式。所以在 DOM 中有一些額外的變量，比如module、exports和require。這導(dǎo)致了許多庫不能正常運行，因為它們也需要將同名的變量加入運行環(huán)境中。

解決方法有很多，官方的解決方法是1、2：

1、禁用Node.js：若不使用Node.js則通過在主進程中禁用Node.js來解決。

// 在主進程中

var mainWindow=new BrowserWindow({

webPreferences: {

nodeIntegration: false

}

});

2、變量重命名：假如依然需要使用 Node.js 和 Electron 提供的 API，則需要在引入那些庫之前將這些變量重命名。

這樣，就可以用nodeRequire來使用node模塊，又能使用jQUery了，但這種方法不適合web項目，在web里將無法正常瀏覽。

3、采用Node.js的require引入：（有些時候不要帶后綴名.js）

4、自定義$、jQuery變量

5、

6、去掉框架中的模塊引入判斷代碼：針對JQuery

將JQuery中的如何代碼

!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}

改為

!function(a,b){b(a)}

我個人還是比較喜歡使用第三種，簡單代碼少

感謝各位的閱讀，以上就是“jQuery報錯Uncaught ReferenceError: $ is not defined怎么解決”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對jQuery報錯Uncaught ReferenceError: $ is not defined怎么解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！