Dreamweaver CS6 引入 JS 報語法錯誤的常見原因與修正

現象

在 Dreamweaver CS6 中引入多個 JS 檔案，編輯器標紅報語法錯誤，最後兩個檔案未被調用。

常見原因與修正

1. 缺少 </script> 結束標籤：每個 <script src="..."> 必須成對閉合，否則後續程式碼會被視為腳本內容導致解析錯誤。

   <script src="a.js"></script>
   <script src="b.js"></script> <!-- 必須有閉合 -->

2. 重複載入 jQuery：圖中第 281 行再次載入 jquery.min.js，會覆蓋先前載入的 jquery-ui 及其擴充插件，導致後續依賴 UI 的程式碼失效。

   <!-- 移除重複的 jquery.min.js -->
   <script src="jquery-ui.min.js"></script>
   <script src="custom-plugin.js"></script>

3. 載入順序錯誤：依賴關係：jQuery → jQuery UI → 其他插件 → 業務邏輯。

Dreamweaver 除錯技巧

• 使用 即時檢視 或 瀏覽器預覽（F12）查看 Console 真實錯誤，DW 內建語法檢查較舊、誤報率高。
• 設定 編輯 > 偏好設定 > 程式碼著色 更新語言版本為 ECMAScript 6+。
• 大型專案建議改用 VS Code + ESLint + Prettier 進行開發與靜態分析。

最佳實踐

1. 所有 <script> 嚴格閉合。
2. 使用建構工具（Webpack/Vite）打包管理依賴，避免手動排序。
3. 生產環境啟用 defer 或 async 屬性優化載入效能。