在前端項目開發中,我們經常使用 jQuery 進行 DOM 操作及事件處理。而為了確保代碼規范和代碼質量,我們通常也會使用 ESLint 進行代碼檢查。
然而,在使用 ESLint 的過程中,我們也會遇到一些 jQuery 報錯的問題。比如下面這個例子:
$('button').click(function() { console.log('click'); });
當我們使用 ESLint 進行代碼檢查時,就會出現如下錯誤提示:
'$' is not defined
這是因為我們沒有引入 jQuery 的庫,導致 ESLint 找不到 $ 符號所對應的庫文件。因此,我們需要在 HTML 頁面中引入 jQuery 的庫文件:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
另外,我們也可以在 ESLint 的配置文件中添加如下代碼,以忽略 jQuery 報錯:
module.exports = { rules: { 'no-undef': 'off', // 其他規則 }, };
這樣,我們就可以愉快地進行 jQuery 的開發了。
上一篇esc jquery
下一篇estjs和jquery