Dartium で Dart アプリケーションを正しく開くには?
このAngular2-Dart チュートリアルを行っています。
アプリケーションを動作させるにはpub build、コマンドを実行し、ディレクトリで http サーバーを起動するbuild/webと、アプリケーションが正しく動作します。
また、コマンドを実行してブラウザでアドレスをpub serve開きlocalhost:8080、Dart のコンパイルが完了するまでしばらく待つと、アプリケーションも動作します。
Dartium でアプリケーションを正しく実行するには? IDEAでweb/index.htmlファイルし、Alt + F2 を押して (アプリケーションを開くバリアントを開くため)、dartium を押します。現在、動作するアプリケーションが表示されません。メッセージしか表示されませんLoading...(私の html は であるため<my-app>Loading...</my-app>)。
この窓が見える
また、Dart アプリケーションを開発する際に Dartium Web ブラウザーを使用する利点は何ですか? たとえば、pub serveページが更新されるたびに Dart コードを再コンパイルします。本当に時間がかかります。Dartium でのコンパイルにそれほど時間をかけないのではないでしょうか?
1 つの方法として、Dart アプリケーションを正しく開くことができます。dartium は次のとおりです。
- ディレクトリに http サーバーをセットアップします
web(index.html ファイルはこちら)。 - このサーバーを実行します (たとえば、8086 port0 で)
- ダーティウム
localhost:8086で開きます。
しばらくすると、アプリケーションが正しく開かれます。私のintellijのアイデアに問題があるのでしょうか？
アップデート：
Dartium でpub serve開こうとしているときに、IDEA のタブでこれを取得しました。index.html
C:\tools\dart-sdk\bin\pub.bat serve web --port=53852
Loading source assets...
Loading angular2 and dart_to_js_script_rewriter transformers...
Serving ng2_hero_app web on http://localhost:53852
[web] GET index.html => (cached) ng2_hero_app|web/index.html
[web] GET Served 9 cached assets.
Build completed successfully
[web] GET Served 2 cached assets.
[web] GET Served 3 cached assets.
[web] GET packages/angular2/src/core/metadata.dart => (cached) angular2|lib/src/core/metadata.dart
[web] GET packages/angular2/src/core/util.dart => (cached) angular2|lib/src/core/util.dart
[web] GET packages/angular2/src/core/di.dart => (cached) angular2|lib/src/core/di.dart
[web] GET packages/angular2/src/facade/facade.dart => (cached) angular2|lib/src/facade/facade.dart
[web] GET packages/angular2/src/core/application_ref.dart => (cached) angular2|lib/src/core/application_ref.dart
[web] GET packages/angular2/src/core/application_tokens.dart => (cached) angular2|lib/src/core/application_tokens.dart
[web] GET packages/angular2/src/core/zone.dart => (cached) angular2|lib/src/core/zone.dart
[web] GET packages/angular2/src/core/render.dart => (cached) angular2|lib/src/core/render.dart
[web] GET packages/angular2/src/core/linker.dart => (cached) angular2|lib/src/core/linker.dart
[web] GET packages/angular2/src/core/debug/debug_node.dart => (cached) angular2|lib/src/core/debug/debug_node.dart
[web] GET packages/angular2/src/core/testability/testability.dart => (cached) angular2|lib/src/core/testability/testability.dart
[web] GET packages/angular2/src/core/change_detection.dart => (cached) angular2|lib/src/core/change_detection.dart
[web] GET packages/angular2/src/core/platform_directives_and_pipes.dart => (cached) angular2|lib/src/core/platform_directives_and_pipes.dart
[web] GET packages/angular2/src/core/platform_common_providers.dart => (cached) angular2|lib/src/core/platform_common_providers.dart
[web] GET packages/angular2/src/core/application_common_providers.dart => (cached) angular2|lib/src/core/application_common_providers.dart
[web] GET packages/angular2/src/core/reflection/reflector.dart => (cached) angular2|lib/src/core/reflection/reflector.dart
[web] GET packages/angular2/src/core/reflection/types.dart => (cached) angular2|lib/src/core/reflection/types.dart
[web] GET packages/angular2/src/core/reflection/platform_reflection_capabilities.dart => (cached) angular2|lib/src/core/reflection/platform_reflection_capabilities.dart
[web] GET packages/angular2/src/facade/lang.ngfactory.dart => (cached) angular2|lib/src/facade/lang.ngfactory.dart
[web] GET packages/angular2/src/platform/browser_common.ngfactory.dart => (cached) angular2|lib/src/platform/browser_common.ngfactory.dart
[web] GET packages/angular2/core.ngfactory.dart => (cached) angular2|lib/core.ngfactory.dart
[web] GET packages/angular2/src/core/angular_entrypoint.ngfactory.dart => (cached) angular2|lib/src/core/angular_entrypoint.ngfactory.dart
[web] GET packages/angular2/src/facade/collection.dart => (cached) angular2|lib/src/facade/collection.dart
[web] GET packages/angular2/src/core/change_detection/change_detection.dart => (cached) angular2|lib/src/core/change_detection/change_detection.dart
[web] GET packages/angular2/src/core/metadata/di.dart => (cached) angular2|lib/src/core/metadata/di.dart
[web] GET Served 2 cached assets.
Dartium では次のように表示されます。
Chrome で index.html を開こうとすると、次のテキストが表示されます。
C:\tools\dart-sdk\bin\pub.bat serve web --port=54019
Loading source assets...
Loading angular2 and dart_to_js_script_rewriter transformers...
Serving ng2_hero_app web on http://localhost:54019
[web] GET index.html => (cached) ng2_hero_app|web/index.html
[web] GET Served 3 cached assets.
Build completed successfully
そして、これは写真です：
