0

node.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 機能を利用するようにアプリを変更しようとしていますが、デバッガーの構成に問題があります。

これまでに行ったことは次のとおりです。

  1. Chrome 拡張機能をインストールしてアクティブにし、ポートを 9000 に設定します。
  2. URL: http://localhost:9000で新しい Javascript/Debug 構成を作成します。
  3. 上記のように、index.html ( http://localhost:9000/index.html : myApp/index.html )、アセット、画像、コンポーネントなどのリモート URL を構成します。

新しい構成のデバッグ ボタンをクリックすると、「この Web ページは利用できません」というメッセージが表示されます。

JetBrains のドキュメントを確認しましたが、解決策が見つかりません。

4

1 に答える 1

2

ダメダメダメ。組み込みサーバーのポートを変更しないでください - ここでは組み込みサーバーは必要ありません。クライアント アプリは Express サーバーによって提供されます。組み込みのサーバーではなく、このサーバーを使用する必要があります。Chrome 拡張ポートをデフォルトに戻してください。クライアント コードをデバッグする前に必ず Express サーバーを起動しhttp://localhost:9000、JavaScript デバッグ実行構成でサーバーの URL (またはその他の URL) を指定してください。または、単一の構成 ( Node.js ) を使用してサーバーとクライアントの両方を実行することもできます。これには、ブラウザーを起動してクライアント コードをデバッグできる [ブラウザー/LiveEdit] タブがあります。そこで「起動後」チェックボックスをオンにし、フロントエンドが提供されているサーバーの URL を指定し、「javaScript Debugger を使用」オプションを有効にします。

于 2015-03-23T19:09:53.480 に答える