尝试在 WebStorm 9.03 中配置调试服务器

Question

我有一个使用节点的项目。js/express 服务器为 AngularJS SPA 提供服务。

该项目包含许多共享一些公共资源的不同应用程序。 Express 服务器配置为从不同位置提供资产：

    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 功能，但在配置调试器时遇到困难。

这是我到目前为止所做的：

安装 chrome 扩展，激活它并将端口配置为 9000。
使用 url 创建新的 Javascript/Debug 配置：http://localhost:9000
为我的 index.html（http://localhost:9000/index.html：myApp/index.html）、资产、图像、组件等配置远程 urls，如上所述。

当我单击新配置的调试按钮时，我只收到一条消息 'This webpage is not available'。

我已经阅读了 JetBrains 文档，但没有找到解决方案。

Answer 1

不，不，不。不要更改内置服务器端口 - 这里不需要内置服务器。您的客户端应用程序由 Express 服务器提供服务 - 您需要使用此服务器而不是内置服务器。请将 chrome 分机端口改回默认值。只需确保在调试客户端代码之前启动 Express 服务器，并在 JavaScript Debug 运行配置中指定服务器 url（http://localhost:9000 或其他任何内容）。或者，您可以使用单个配置 ( Node.js ) 运行服务器和客户端：它有一个 'Browser/LiveEdit' 选项卡，允许启动浏览器和调试客户端代码。选中那里的 'After launch' 复选框，指定您的前端服务器的 URL 并启用 'with javaScript Debugger' 选项

尝试在 WebStorm 9.03 中配置调试服务器

Trying to configure debug server in WebStorm 9.03

debugging

webstorm

liveedit