嘗試在WebStorm 9.03中配置調試服務器

Question

我有一個使用node.js / express服務器提供AngularJS SPA的項目。

該項目包含許多共享某些公共資源的不同應用程序。 快速服務器配置為從不同位置提供資產服務：

    server.use('/assets', express.static(path.join(rootDir, 'myApp/assets')));
    server.use('/images', express.static(path.join(rootDir, 'components/common/images')));
    server.use(express.static(path.join(rootDir, 'components')));

我正在嘗試更改應用程序以利用WebStorm的liveEdit功能，但是在配置調試器時遇到困難。

到目前為止，這是我所做的：

1. 安裝chrome擴展程序，使其處於活動狀態並將端口配置為9000。
2. 使用url創建新的Javascript / Debug配置： http：// localhost：9000
3. 如上所述，為我的index.html（ http：// localhost：9000 / index.html ：myApp / index.html），資產，圖像，組件等配置遠程URL。

當我單擊新配置的調試按鈕時，我僅收到一條消息“此網頁不可用”。

我已經閱讀過JetBrains文檔，但沒有找到解決方案。

Answer 1

不不不。 請勿更改內置服務器端口-您在這里不需要內置服務器。 您的客戶端應用由Express服務器提供服務-您需要使用此服務器而不是內置服務器。 請將chrome擴展端口改回默認設置。 只需確保在調試客戶端代碼之前啟動Express服務器，然后在JavaScript Debug運行配置中指定服務器url（ http://localhost:9000或其他名稱）即可。 或者，您可以使用單個配置（Node.js）來運行服務器和客戶端：它具有“瀏覽器/ LiveEdit”選項卡，該選項卡可啟動瀏覽器並調試客戶端代碼。 選中此處的“啟動后”復選框，指定提供前端服務的服務器的URL，並啟用“ with javaScript Debugger”選項