Dreamweaver 19.0 的 JavaScript 物件與 Linting 問題

上次更新時間 2018年10月24日

問題 1: Dreamweaver 19.0 中的 JavaScript 物件未定義

將 Dreamweaver 更新至最新的 19.0 版本時,有時畫面會顯示「錯誤: 「文件」未定義。 [no-undef]」的錯誤訊息。 部分基本 JavaScript 物件 (例如文件或視窗) 未定義。 

環境

在所有支援的系統上使用 Dreamweaver 19.0。 

問題描述

Dreamweaver 19.0 支援 ECMAScript 6 語法。Dreamweaver 也支援 ECMAScript 程式碼的語法檢查,其中 ESLint 為預設的 JavaScript 語法檢查器。

部分執行個體中,基本的 JavaScript 物件未定義。 

因應措施 1

情況 1:如果您在網站根目錄中有修改過的設定檔

將以下程式碼新增至 .eslintrc.js 設定檔。
"env": {

"browser": true,

"jquery": true

    }

情況 2:如果網站根目錄中的設定檔未修改

請依照 解決方法 2 中的步驟執行。

問題 2: JavaScript Linting 未如期正常運作

問題描述

Dreamweaver 19.0 現在支援 ECMAScript 6 語法。Dreamweaver 也支援 ECMAScript 程式碼的語法檢查,其中 ESLint 為預設的 JavaScript 語法檢查器。

Dreamweaver 19.0 中支援的 ESLint 版本為 3.19。.eslintrc.js 設定檔中提供的某些規則,例如 for-directiongetter-return,屬於 ESLint 的最新版本。因此才會發生這個問題。 

因應措施 2

只要更新 .eslintrc.js 設定檔,即可修正此問題。 請依照下列步驟操作,以使用更新的 .eslintrc.js 設定檔。 

下載 .eslintrc.js 檔案的更新版本。
下載並解壓縮 eslintrc.zip 檔案以取得 .eslintrc.js。

前往網站位置,並以下載的版本取代現有的 .eslintrc.js 檔案。 

如果您具有管理員存取權限,建議在安裝路徑中取代設定檔:

前往 <Install path>\Adobe Dreamweaver CC 2019\configuration\ESLintrc,並以下載的版本取代現有的 .eslintrc.js 檔案。 

備註
  • 在「網站設定」對話方塊中指定的「ECMAScript 版本」設定,其優先權高於網站根目錄中所使用的 .eslintrc.js 檔案。 
  • 如果您的網站中沒有 ESLint 設定檔,Dreamweaver 會在所有位置搜尋這些設定檔,直到向上搜尋至根目錄。

如需有關設定檔串接和階層的詳細資訊,請參閱「ESLint 網站」。