問題タブ [angular-cli]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1228 参照

typescript - typescript 定義のインポート

Angular-CLIを使用して Web アプリケーションを作成していますが、facebook の型定義のインポートに問題があります。具体的には、次のように宣言しています。

私のアプリのsrcディレクトリにはapp/services/facebook/facebook.ts、これがあります:

そして、私が作成した新しいタイプ ディレクトリの facebook 定義: app/types/fbsdk.d.ts. コンパイル時に発生するエラーは次のとおりです。

他にもいくつか試してみましたが、うまくいくものは見つかりませんでした。


編集

Visual Studio Code に型とコンパイルを認識させましたが、アプリをリロードすると、/FB存在しないため 404 エラーが発生してアクセスしようとしました。私が作成したすべてのモジュールは、typescript ファイルがあった相対ディレクトリでアクセスされます。たとえば、Facebook モジュールは次の場所から取得されます。/app/services/facebook/facebook.js

0 投票する
0 に答える
187 参照

angular - Angular 2 または Angular 2 CLI には、Ember CLI と同様のアドオン システムがありますか (または予定していますか)?

どこかのドキュメントで指定されているか、あいまいに言及されているかどうかはわかりませんが、Angular 2 または Angular 2 CLI は Ember CLI と同様のアドオン システムを持っているか、または持つ予定はありますか?

Angular 2 アプリにインポートできる、共有可能な Angular 2 コンポーネント、Angular 1/2 ディレクティブ、サービスなどのアイデアに興味があります。

0 投票する
1 に答える
169 参照

terminal - 私の Angular2 ウェブサイトは Angular2-cli を使用して更新されません

angular2で小さなアプリを構築していて、webstormを使用してファイルを変更して、ブラウザで更新されているかどうかを確認しようとしています。

私は次のことを行いましたが、これまでのところエラーはありません。

このファイルでは、「PonyRacer4566」を「dshbhs」に変更しましたが、ブラウザーで何も更新されません。

0 投票する
2 に答える
16064 参照

angular - angular-cliを使用するときにサードパーティのライブラリを追加するにはどうすればよいですか?

angular-cli ( https://github.com/angular/angular-cli ) を使用して Angular 2 アプリを作成してから、 ng2-material ( https://github.com/justindujardin/ng2-material )を使用してみました。 UI コンポーネント用。しかし、それを使用するために ng2-material ライブラリをどのように/どこに含める必要があるのか​​ わかりません。

でプロジェクトを作成しng new myproject、サーバーを起動しng serveてWebページを開きましたが、うまくいきました。次のステップでは、ng2-material を でインストールしましnpm install ng2-material --saveた。次に、 https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.tsMATERIAL_PROVIDERSに示すように、角度のブートストラップに追加しました。

これにより、Web ブラウザーにエラー メッセージが表示GET http://localhost:4200/ng2-material/all 404 (Not Found)され、それを取り除く方法がわかりません。

angular-cli は、index.html で使用されるノード モジュールの一部が最終的に配置される -folder を作成するために何かを行っているようですがdist、それがどこでどのように構成されているかわかりません。

0 投票する
2 に答える
6072 参照

angular - angular 2 cliを取得してcssおよびその他の必要なファイルをdistフォルダーにコピーするにはどうすればよいですか

angular 2 typescript ソリューションをセットアップし、マテリアル angular 2 npm パッケージを追加しました。

すべてが、足場のソース フォルダーから dist フォルダーに適切にコピーされます。

次に、angular 2 マテリアル npm パッケージを追加します。

でも、ここからどうする?必要なファイルを node_modules から dist フォルダーにコピーするようにビルド コマンドに指示するにはどうすればよいですか。

そして、これらのファイルが確実に dist/vendor フォルダーにコピーされるようにする魔法はどこにありますか?

私のパッケージファイルは次のようになります: https://gist.github.com/nikolaj-kaplan/e85d5805fd67c3ba3f1f

私の混乱が npm に関する知識の欠如から来ていることを願っています。角度のあるcliではありません。(より多くの人が私を助けることができるからです)。しかし、私はどちらもあまり経験がありません。

編集:

私はこれが好きでした: https://stackoverflow.com/a/35900837/564623

これで、ファイルがコピーされました。dist-folder 内の他のファイルがどのようにコピーされるかはまだわかりません。vendorNpmFiles 配列が空でした。

0 投票する
1 に答える
1183 参照

angularjs - Angular2 cli で「エラー: 既存のエントリに新しいエントリを追加しようとしています」が生成される

Angular 2 アプリケーションのランタイム環境としてAngular2 Cliを使用しています。そのアーキテクチャ、クラス最高の開発ツール、そして全体的に考え抜かれた(これ以上の言葉はありませんが) ことに、私は本当に感銘を受けました。

ただし、約 5 回の保存 (ビルド) ごとに、サーバーでエラー メッセージが生成されます。

次に、プロセスを強制終了して再起動し、問題を回避する必要があります。

全文は次のとおりです。

コーディング エラーが発生した場合にのみ問題が発生するようですが、コーディング エラーとこのメッセージが 1 対 1 で対応しているわけではありません。私が生成するほとんどのコーディング エラーでは、このメッセージは生成されませ

エラーが発生すると、サーバーはブロックされた状態になり、コーディングの問題を修正するなど、何をしても問題は解決しないようです。サーバーを循環させたときにのみ消えます。
これを修正するために、この状態をチェックしてサーバーを循環させる必要があり、これには約 6 秒かかります。

コードを投稿することはできますが、コードとこのメッセージの取得の間に韻や理由が見当たらないため、これは役に立たないと思います。つまり、これは環境の問題であり、コーディングの問題ではないと思います。エラー メッセージに記載されている tmp ディレクトリを削除しようとしましたが、うまくいきませんでした。

サーバーを次のように起動します。

注: サーバーを sudo として実行してきました。これは、パーミッションに問題があるか、sudo として高速に実行されることをどこかで読んだためです (この最後のものは Windows でのみ当てはまる可能性があります) が、sudo として実行しているとは思いません。私の問題に関連しています。

これが私のpackage.jsonです:

私が間違っていること、またはこれを防ぐために何ができるかを誰かに教えてもらえますか?

どうもありがとう。

0 投票する
1 に答える
140 参照

typescript - Angular2 の App クラスで RouteParams にアクセスする方法

さまざまなモードで実行する必要がある CLI を使用して作成された Angular2 アプリケーションがあります。ページは IFrame でホストされるため、これらのモードをクエリ文字列で渡す必要があります。

私が読んだことから、ルーティングされたコンポーネントでのみ使用できるため、最上位アプリケーションで RouteParams にアクセスする際に問題があります。

現在、javascript location.search オブジェクトに移動することで目的を達成していますが、可能であれば、適切にテストできるように、正しい依存関係が注入された方法でこれを行うことをお勧めします。

誰かがパラメーターにアクセスする正しい方法を教えてくれますか?

0 投票する
1 に答える
272 参照

angularjs - Angular CLI - Karma テスト ビルドで ng2-material が見つからない

Alpha Angular-CLI を使用して新しい Angular 2 アプリを構築しています。ng2-materialライブラリも使用しています。それを機能させるために、私は次のことをしなければなりませんでした:

アプリ自体では問題なく動作します。ただし、実行するng testと次のエラーが発生します。

始める:

13 04 2016 14:55:36.982: 警告 [web サーバー]: 404: /ng2-material/all

Chrome 49.0.2623 (Mac OS X 10.11.3) エラー

エラー: XHR エラー (404 Not Found) http://localhost:9876/ng2-material/all の読み込み中

13 04 2016 14:55:37.058: 警告 [web サーバー]: 404: /ng2-material/all

私は何が欠けていますか?