角2 - 非常に奇妙な動作 - 別のタブから1つのタブに表示される変更

Question

私はAngular 2の初心者で、認証付きの簡単なCRUDアプリケーションを開発しています。現在のところ、ngFormを使用してAngularサービスを使用してNodeJSバックエンドにuid/passwordをサブミットし、 guardを使用して認証されたコンポーネントを表示する基本的なログインフォームを完成しました。

しかし、2つのタブでログインフォームを個別に開き、入力に何かを入力すると、他のタブのテキストボックスは自動的に更新されます。

さらに奇妙なことに、私は同僚に自分のマシンのURLを表示するように頼んだので、彼が入力した変更は私の最後に反映されます！私はこれがどのように起こるかについての手がかりはありません。私は開発のためにデフォルトのAngularライトサーバーを使用しています。どんな入力も高く評価されます。

Answer 1

これは、デフォルトでAngular 2 dev環境にあるlite-serverとBrowserSyncプラグインが原因であることが判明しました。 ブラウザのタブ間で入力の変更/クリックを同期しようとします。これを無効にするには、http://<app url>:<app port+1>にアクセスし、UIを使用してプラグインを設定します。

たとえば、アプリが2000ポートで実行されている場合は、同じURLではなくポート2001を使用してBrowserSyncプラグインを設定できます。