問題タブ [lite-server]

私は Angular 2 で作業していますが、npm start を実行したときにコンパイラ エラーが発生した場合は、すぐに表示されます。私が直面している問題は、ライブ コード編集を行っているときにエラーが発生することです。lite-server の出力にコンパイラ エラーが表示されないので、停止して別の npm start を実行し、何が問題なのかを突き止める必要があります。

これはまさにその通りですか、それともこの方法で作業しているときにエラーを確認する方法はありますか?

[アップデート]

私のpackage.jsonのスクリプトセクション

lite-server を使用して Angular 2 アプリケーションを実行しています。get リクエストを実行しようとすると、外部リンクに対して 404 エラーが発生します。ディレクトリ内のファイルに正常にアクセスできます。

プロト:本体

get リクエスト コードを使用した構成要素は次のとおりです。

}

ここに示すように、bs-config.js ファイルを構成しようとしました。

https://github.com/johnpapa/lite-server/issues/100

しかし、それが私の問題の原因であるかどうかはわかりません。そのファイルは次のとおりです。

どんな助けでも大歓迎です！

Heroku に nodejs lite-server をデプロイしようとしています。サーバーをローカルで正常に実行できますが、次のエラーで展開に失敗します。

基本的な問題は、Heroku がポートを設定できるようにする方法がわからないことです。彼らはこれを動的に行います（静的に行う方法しか知りません）。したがって、サーバーが正しいポートを設定できるように、環境変数を設定する必要があります。lite-server を使用してこれを行うにはどうすればよいですか?

この問題は、さまざまなサーバー設定で解決されています。

Heroku の http サーバー ポートを構成するには

Heroku + node.js エラー (Web プロセスが起動から 60 秒以内に $PORT にバインドできませんでした)

Heroku の Express サーバー ポートを構成するには

Heroku Node.js エラー R10 (ブート タイムアウト) -> Web プロセスが起動から 60 秒以内に $PORT にバインドできませんでした

ルートフォルダーにすべてを保持している限り、tsc/npm スクリプトと lite-server を JIT コンパイルで利用しても問題なく動作します

すなわち

これを処理するための bs-config:

.js同僚からの新しい要件として、これは、コンパイルされたファイルが移動する必要がある従来のdistフォルダーを使用して、より「一気飲み」の開発に変更する必要があります

"outDir": "./dist"tsconfigに追加したばかりの標準のnpmスクリプトのみでこれを実装しようとしています

大きな問題は、bs-config の baseDir を変更するとすぐに、node_modules にアクセスできなくなることです。

具体的には、index.htmlから最小限のノードライブラリを取得することはできません。

ここで提供されている修正は機能しません: lite-server は Angular 2 アプリの親ディレクトリからスクリプトをロードしません

非常に新しい質問で申し訳ありませんが、Angular-CLI (でしか実行できないようです) で作成されたプロジェクトは、現在 Angular 独自のクイックスタート ページにあるため、ng serve代わりに で実行できますか?lite-server

初心者として、Webpacklite-serverのように非常に不透明な方法でファイルをバンドルすることで、このすべてのスモークとミラーリングを実行していないように見えるシンプルさを高く評価しています。ng serveそれには理由があると確信していますが、足を濡らしているだけなので、この時点でボンネットの下で何が起こっているのかを理解するのに役立ちません.

CLI が実行するために吐き出すものを後付けする簡単な方法はありますかlite-server、または CLI ツールを使用するのではなく、クイックスタートを複製して新しいプロジェクトを開始し続ける必要がありますか?

洞察をありがとう！

ソリューション構造のために開始してデバッグするのに問題があります (そして、それを変更することはできません)!

ここに私の構造があります：

はtsconfig.jsonすべてのファイルを にトランスコンパイルするように構成されており、すべてdist/out-tscの typescript および html ファイルは にあります。src/appindex.html/src

これが私のbs-config.jsonファイルです：

私が./srcbaseDir として持っている場所 (ファイルはどこにありindex.htmlますか) とファイルの中では、./dist/**すべての*.jsトランスコンパイルされたものから読み取ろうとし./src/**/、すべての html と typescript ファイルがある場所に!

開始するとlite-serverindex.html ファイルが見つかりましたが、何も起こりません!

多くのバリアントを試しましたが、正しく構成できません! 誰でも私を助けることができますか？

ありがとう！

angularjs 2 を学習しています。公式 Web サイトから angularjs 2 で最初のアプリケーションを作成したいので、ここからすべてフォローしましたhttps://angular.io/guide/quickstart。ステップ6では、ターミナルでコマンド「npm start」を実行する必要があります。ターミナルのような結果が得られます--

しかし、それは私のクロームのタブを開きません.提供されたURLを入力すると

「http://localhost:3002」

アドレスバーで手動で実行すると、期待どおりの結果が得られ、正常に動作し、ソースファイルを変更するとすぐにブラウザーが変更されます。問題は、ブラウザでタブが自動的に開かれない理由がわかりません。 誰でも私を助けることができますか？

2016 年 11 月 7 日更新

重要な観察は、プロジェクトを別の 2 台の PC にコピーしたことです。「npm start」を実行すると、ブラウザでタブが開き、アプリケーションが実行されます。したがって、問題は発生せず、公式の angular2 チュートリアル サイトに従って動作します。または私のブラウザ？

angular 2 + typeScript + liteサーバーでアプリケーションを開発しています.非常にまれな動作を見つけました.テキストボックスを含むWebページを開発しました.2つの異なるマシンの2つの異なるブラウザでWebページにアクセスすると、私のWebページは正しくポップアップしますが、あるクライアント マシンの 1 つのブラウザでテキスト ボックスを形成するために値を入力すると、他のクライアント マシンの他のブラウザのテキスト ボックスにもこの値が入力されます。助けてください。 、他のマシンの他のブラウザにも影響します。助けてください。