Braketsのライブプレビューが、機能しない

CSS, HTML, and JavaScript

現在、ライブ開発は、異なるファイル形式のそれぞれに動作します。：

CSSの場合、すべての変更は、ページを再読み込みすることなく、入力するとすぐにブラウザに適用されます。

CSSプリプロセッサは、現在サポートされていません。－それらは、下記の「他のファイル・タイプ」として扱われます。

HTMLの場合、ほとんどの変更は、入力するとすぐにブラウザに適用されます。 ページが、構文上無効な場合、更新が一時停止します。（例えば、新しいタグのために '<'をタイプした後、閉じる '>'をタイプする前）。行番号とライブ・プレビューのアイコンは、赤に変わります。 そして、ツールチップに「構文エラーのために更新しない」と表示されます。 構文が再び有効になると、Bracketsは、ブラウザに変更をプッシュすることを再開します。

あなたが、プロジェクト設定でユーザー定義したサーバURLを指定した場合、HTMLライブの更新処理は無効になります。

あなたが、変更を保存するとき、JavaScriptやその他の外部ファイル形式の場合、 ページは、あなたの変更を反映するために再読み込みされます。 埋め込みJSの場合、あなたは、ブラウザを再読み込みする必要があります。

詳細に付いては、Bracketsを使用する方法(原文リンク)を参照してください。

Files should be in Current Project

お使いのコンピュータのいずれかのファイルを開くために、あなたは、File > Openを使用することができます。 しかし、プロジェクトのbracketsの定義は、File > Open Folder...を使用して開かれるフォルダのファイルです。 いくつかの（すべてではありませんが、）ライブ開発機能は、ノードのサーバを必要とします。 それは、現在のプロジェクトであることを示しています。それで、あなたが、現在のプロジェクトでライブ開発を利用するためのファイルを確認します。

HTML File should be in Working Set

既知の問題(原文リンク)があります。（リリース0.43で修正されました）HTMLファイルが、プロジェクトツリーにある場合、 （すなわち、ワーキングセットではなく）、続いて、CSS（あるいは、他の？）ファイルに切り替えた後、要素の強調表示を停止します。 そして、その次に、HTMLファイルに戻ります。 回避策は、HTMLファイルをダブルクリックすることです。それで、それはワーキングセットに追加されます。

Live CSS is not working

ライブ・プレビューでCSSを更新しても、動作しないようです。が、type="text/cssを持っている場合、それを削除して見てください。

既知の問題：

Bug #7935:(原文リンク)

ライブCSSは、ページが、（広告やソーシャルメディア・ボタンのような、注入されたiframesが含まれている）iframeを含む場合、更新をしません。

HTML Page is not Updating in Browser as you Type

あなたが、あなた独自のローカル・サーバーを使用している場合、 HTMLは、ライブを更新しないでしょう（ドキュメントを参照(原文リンク)）。

Bracketsは、HTML構文エラーを発見するとき、ブラウザに、更新の送信を一時停止します。 この場合、それは、行番号を赤に色付けつる必要があります。 （しかし、これは、Viewの外側にスクロールすることができます）。 それで、調表示された行番号が無いことを、ぺージ全体をスクロールして確認してください。

また、ライブ・プレビューの稲妻アイコンは、赤色である必要があります。 そして、「ライブ・プレビュー（構文エラーのための更新処理されない）」のツールチップがあります。 この場合、しかし、問題#7126(原文リンク)として追跡されている既知のバグがあります。 これは、ときどき発生しません。行番号やアイコンの色付けなどの説明は、問題 #7126(原文リンク)を参照してください。

Live Preview Page not loading

あなたが「基準となるURL」を指定する場合、 あなたのローカル・サーバーが、すでに実行されていることを確認してください。 －Bracketsは、あなたのためのそれを開始しません。

あなたが、ファイアウォール、ネットワークセキュリティ、 あるいは、接続をブロックしているウイルス対策ソフトウェアを実行していないことを確認してください。 （一時的に無効にして、確認してみてください）

あなたが、ローカルホスト(原文リンク)や127.0.0.1を再配置するために、多数のファイルを変更しなかったことを確認してください。

Chromeで、バックグラウンド・アプリケーションをシャットダウンしてみてください。Chromeで、設定 > 高等な設定へ移動します。 そして、その次に、「Google Chromeが閉じても、バックグラウンド・アプリケーションを実行し続ける」のチェックをはずして設定します。

Using a Local Server with Live Preview

ローカル・サーバーを使用するために、あなたは、ファイル > プロジェクト設定...ダイアログで基準となるURLを指定する必要があります。 （詳細は、Bracketsを使用する方法(原文リンク)を参考にしてください）。

あなたが、ローカル・サーバーを使用している場合、そして、例えば、これらのメッセージを見ています。

おっと！

Google Chromeが、localhost:[port]に接続することができなかった。"

（Chromeでは）あるいは、「ライブ開発ページを読み込むことができません」（Bracketsでは）、あなたのローカル・サーバーが起動していることを確認してください。

上記のように、あなた独自のユーザー定義したローカル・サーバーを使用するとき、ライブHTMLの更新は、無効になっています。

Stable Chrome

Bracketsは、現在の安定したChromeで検証されています。Chromeが、最新バージョンに自動的に更新するように設定されない場合、 続いて、必ず更新を確認してください。それは、通常、Chromeの現在のベータ版、デベロッパー版、カナリア版で動作します。 しかし、問題が発生している場合は、問題を開く前に、安定したChromeに切り替えてください。

Install Chrome For Multiple User Accounts

Windowsのみ

Uninstall/Reinstall Chrome

Google ChromeをWindows上で、アンインストールするとき、一部のユーザーが、レジストリ設定が削除されていないことに関する問題を報告しています。 Chromeをアンインストールして、再インストールしても問題が解決しない場合は、再インストールする前に、次の場所のレジストリ設定を削除してください。：

HKEY_CURRENT_USER\SOFTWARE\Google\Chrome\

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\

警告：

Keep Chrome Open

Chromeのインスタンスで、ライブ・プレビューによって起動される追加の空白のタブを開いたままにしておいてください。 これにより、Chromeが、各々のファイルの間でシャットダウンして、再起動することを防ぐことができます。 それで、ライブ・プレビューは、より速く起動します。;これは、いくつかの断続的エラーを減らすかもしれません。

Restart Your Computer

Chromeを起動しようとすると、エラーが続く場合、あるいは、引き続き、Chromeの再起動を促すメッセージが表示される場合は、 あなたのマシンを再起動してみてください。再起動は、ライブ開発で多くの不自然な問題を解決してきました。

Re-install Brackets

Windowsでは、あなたは、ライブ・プレビューを開始する際に、問題が発生することがあります。 あなたが、Bracketsをインストールした後に、Chromeをインストールする場合、 その場合、Bracketsを再インストールして、問題を修正する必要があります。

Multi-browser Live Preview does not work with Internet Explorer 11

Internet Explorer 11で動作させるには、IEが、ローカル・イントラネットのサイトを中に入れるために使用する、すべてのオプションを無効にします。 （インターネットオプション>セキュリティ>ローカルイントラネット>サイトで、 すべての項目のチェックを外します）。これにより、ライブ・プレビューでエディタへの接続が確立されます。

Disable Extensions

拡張機能によって問題が発生している場合、速く見るために、Debug > Reload Without Extensions(原文リンク)を使用します。

Theseus[1(原文リンク)] [2(原文リンク)]と CSS Shapes Editor[3(原文リンク)]の拡張機能は、 ライブ・プレビューで、問題を引き起こすことが知られています。そして、また、他の拡張機能は、潜在的に干渉する可能性があります。

Clear Live Preview Profile/Cache

「ヘルプ」>「拡張機能フォルダを表示」を選択し、1つ上の親のフォルダに移動します。 そして、'live-dev-profile'フォルダを削除します。 これは、Bracketsの設定には、影響を与えないでしょう。 しかし、ライブ・プレビューの問題を解決することがあります。