JavaScript 引入 jQuery 常見路徑錯誤與解決

典型錯誤

頁面報錯 GET https://example.com/js/jquery.min.js net::ERR_ABORTED 404，控制台顯示「Failed to load resource」。

原因

<script src="js/jquery.min.js"></script> 使用相對路徑，瀏覽器以當前 HTML 頁面所在目錄為基準尋找 js/ 資料夾。若 HTML 在 /page/ 而 js/ 在根目錄，則會找不到。

解決方法

1. 絕對路徑（推薦）：<script src="/js/jquery.min.js"></script>（以網站根目錄為基準）。
2. CDN 引用：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>，無需本地部署，利用瀏覽器快取提速。
3. 模組化專案：使用 npm/yarn 安裝 jquery，再經由 Webpack/Vite 打包，彻底消除路徑問題。

驗證技巧

在瀏覽器 Console 輸入 typeof jQuery 或 $.fn.jquery，若輸出 "function" 或版本號則載入成功。