2017-06-22 6 views
0

このレポからコードを書かずに次のライブラリを試してみたいと思います。 https://github.com/pleerock/ngx-tooltipサンプルのgithubプロジェクトを実行するには、単一のhtmlとtypescriptファイルがありますか?これはあまり難しくないはずです

この例は、htmlファイルとtsファイルのある "sample"ディレクトリにあります。私は通常jsであってブラウザのhtmlファイルにヒットしようとすると単純なhttpserverを実行しますが、これはtypescriptファイルのために動作しません。

私のウェブブラウザのディレクトリでサンプルを実行する正しい方法/簡単な方法は何ですか?私はすでにnpmをインストールしています。

+0

ブラウザではjavascriptのみ認識し、typescriptでは認識しないため、typescriptファイルをjavascriptファイルにコンパイルする必要があります。 – CozyAzure

+0

Webサーバーを起動してtypescriptファイルを自動的にコンパイルする簡単なコマンドがありますか?普通にPythonで私はちょうどpython - m SimpleHttpServerと試してみてください.. – Rolando

+0

本当にあなたの設定に依存します。 typescriptコンパイラが必要です。最も簡単な方法は '.ts'を' .js'にコンパイルし、SimpleHttpServerと一緒にjsファイルとHTMLを提供することです。 – CozyAzure

答えて

0

レポをクローンしたら、ルートディレクトリにnpm installを実行します。次に、すべてのtsファイルをJavaScriptにコンパイルするためにtsconfig.jsonを使用するtsc -p .を実行します。次に、レポでサンプルファイルを実行できるはずです。何らかの理由でサンプルディレクトリのmain.tsがコンパイルされなかった場合は、そのディレクトリにtscを実行してみてください。

これは、NodeJSがインストールされていることを前提としています。

+0

はい、私はtsc -pを実行しました。 ./sample/sample1-simple-usageディレクトリを見ると、tsファイルとhtmlファイルが表示されます。ブラウザでそのサンプルを見るには、次に何をすればよいですか? – Rolando

+0

'tpm -p .'を実行した後、クローンしたリポジトリのルートに' npm install'を実行したと仮定すると、ビルドされたファイルを持つbuild/es5ディレクトリが必要です。 mainディレクトリに 'tsc'を実行してmain.tsファイルをコンパイルしてください。 lite-serverなどのようにページを提供できれば、サンプルを実行するために必要なものはすべて用意しておく必要があります。 –

+0

私はtsc -pを実行しました。ルートディレクトリには、あなたが言及しているbuild/es5があります(その関連性は何ですか?)。 main.tscファイルがあるので、sample/sample1-simple-usageディレクトリに移動してtscを実行します。私は同じディレクトリに "lite-server"を実行しています(すでにnpmがインストールされています)。私はちょうど "Loading ..."を見て何も起こりません。私は何が欠けていますか? – Rolando

関連する問題