teratail
回答率
85.29%
質問するログイン新規登録
トップに関する質問dart+AngularDartのチュートリアルで、なぜかブラウザに表示されない。

編集履歴

質問編集履歴

5

追記

2019/04/03 02:19

投稿

hood
hood

スコア351

title CHANGED
File without changes
body CHANGED
@@ -4,41 +4,27 @@
4
4
 
5
5
  何回もコードは見直して、公式とちゃんと同じように書いているはずです。
6
6
 
7
- Runを見ると以下のようなエラー文？がありました。
7
+ dartwevdevを見ると以下のようなエラー文？がありました。
8
8
  ```
9
- "C:\Program Files\Dart\dart-sdk\bin\dart.exe" --enable-asserts --enable-vm-service:55424 C:\Users\foods\WebstormProjects\angular_tour_of_heroes\web\main.dart
10
- Observatory listening on http://127.0.0.1:55424/
9
+ Please check the following imports:
11
10
 
12
- web/main.dart:2:8: Error: Error when reading 'lib/app_component.template.dart': 指定されたファイルが見つかりません。
11
+ `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
13
12
 
13
+ [INFO] Running build completed, took 589ms
14
+
15
+ [INFO] Caching finalized dependency graph...
16
+ [INFO] Caching finalized dependency graph completed, took 440ms
17
+
14
- import 'package:angular_app/app_component.template.dart' as ng;
18
+ [SEVERE] angular on lib/app_component.dart (cached):
15
- ^
19
+ Template parse errors:
16
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/bootstrap/run.dart:2:8: Error: Not found: 'dart:html'
20
+ line 9, column 6 of AppComponent: ParseErrorLevel.FATAL: Parser Error: Unexpected token '!' at column 10 in [selected ! = null] in
21
+ 笊ｷ
22
+ 9 笏� <div *ngIf="selected ! = null">
23
+ 笏� ^^^^^^^^^^^^^^^^^^^^^^^^^
24
+ 笊ｵ
25
+
26
+ [SEVERE] Failed after 1.0s
17
- import 'dart:html';
27
+ Dart Webdev terminated
18
- ^
19
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/application_ref.dart:2:8: Error: Not found: 'dart:html'
20
- import 'dart:html';
21
- ^
22
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/testability/testability.dart:2:8: Error: Not found: 'dart:html'
23
- import 'dart:html' show Element;
24
- ^
25
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/linker/app_view_utils.dart:1:8: Error: Not found: 'dart:html'
26
- import 'dart:html' show DocumentFragment, NodeTreeSanitizer;
27
- ^
28
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/platform/dom/shared_styles_host.dart:1:8: Error: Not found: 'dart:html'
29
- import 'dart:html';
30
- ^
31
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/bootstrap/modules.dart:6:8: Error: Not found: 'dart:html'
32
- import 'dart:html';
33
- ^
34
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/common/directives/ng_class.dart:1:8: Error: Not found: 'dart:html'
35
- import 'dart:html';
36
- ^
37
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/common/directives/ng_style.dart:1:8: Error: Not found: 'dart:html'
38
- import 'dart:html';
39
- ^
40
- file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/change_detection/host.dart:2:8: Error: Not found: 'dart:html'
41
- import 'dart:html';
42
28
  ```
43
29
  どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
44
30
 

4

追記

2019/04/03 02:19

投稿

hood
hood

スコア351

title CHANGED
File without changes
body CHANGED
@@ -4,47 +4,43 @@
4
4
 
5
5
  何回もコードは見直して、公式とちゃんと同じように書いているはずです。
6
6
 
7
- webDevを見たら以下のようなエラー文？がありました。
7
+ Runを見ると以下のようなエラー文？がありました。
8
8
  ```
9
- [SEVERE] build_web_compilers|entrypoint on web/main.dart:
10
- Unable to find modules for some sources, this is usually the result of either a
9
+ "C:\Program Files\Dart\dart-sdk\bin\dart.exe" --enable-asserts --enable-vm-service:55424 C:\Users\foods\WebstormProjects\angular_tour_of_heroes\web\main.dart
11
- bad import, a missing dependency in a package (or possibly a dev_dependency
10
+ Observatory listening on http://127.0.0.1:55424/
12
- needs to move to a real dependency), or a build failure (if importing a
13
- generated file).
14
11
 
15
- Please check the following imports:
12
+ web/main.dart:2:8: Error: Error when reading 'lib/app_component.template.dart': 指定されたファイルが見つかりません。
16
13
 
17
- `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
14
+ import 'package:angular_app/app_component.template.dart' as ng;
18
-
15
+ ^
16
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/bootstrap/run.dart:2:8: Error: Not found: 'dart:html'
17
+ import 'dart:html';
18
+ ^
19
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/application_ref.dart:2:8: Error: Not found: 'dart:html'
20
+ import 'dart:html';
21
+ ^
22
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/testability/testability.dart:2:8: Error: Not found: 'dart:html'
19
- [INFO] Running build completed, took 1.7s
23
+ import 'dart:html' show Element;
20
-
24
+ ^
21
- [INFO] Caching finalized dependency graph...
25
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/linker/app_view_utils.dart:1:8: Error: Not found: 'dart:html'
22
- [INFO] Caching finalized dependency graph completed, took 469ms
26
+ import 'dart:html' show DocumentFragment, NodeTreeSanitizer;
23
-
27
+ ^
28
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/platform/dom/shared_styles_host.dart:1:8: Error: Not found: 'dart:html'
24
- [SEVERE] Failed after 2.2s
29
+ import 'dart:html';
30
+ ^
31
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/bootstrap/modules.dart:6:8: Error: Not found: 'dart:html'
32
+ import 'dart:html';
33
+ ^
34
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/common/directives/ng_class.dart:1:8: Error: Not found: 'dart:html'
35
+ import 'dart:html';
36
+ ^
37
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/common/directives/ng_style.dart:1:8: Error: Not found: 'dart:html'
38
+ import 'dart:html';
39
+ ^
40
+ file:///C:/Users/foods/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.2.0/lib/src/core/change_detection/host.dart:2:8: Error: Not found: 'dart:html'
41
+ import 'dart:html';
25
42
  ```
26
43
  どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
27
44
 
28
- ちなみにpubspec.yamlもまったく公式と同じ通りに書いたはずです・・・
29
- ```yaml
30
- name: angular_app
31
- description: A web app that uses AngularDart
32
- version: 0.0.1
33
-
34
- environment:
35
- sdk: '>=2.0.0 <3.0.0'
36
-
37
- dependencies:
38
- angular: ^5.0.0
39
- angular_forms: ^2.0.0
40
-
41
- dev_dependencies:
42
- angular_test: ^2.0.0
43
- build_runner: ^1.0.0
44
- build_test: ^0.10.2
45
- build_web_compilers: ^0.4.0
46
- test: ^1.0.0
47
-
48
- ```
49
45
  このような症状を知っているかたはいらっしゃいますか？
50
46
  そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

3

誤字

2019/04/03 02:08

投稿

hood
hood

スコア351

title CHANGED
File without changes
body CHANGED
@@ -24,5 +24,27 @@
24
24
  [SEVERE] Failed after 2.2s
25
25
  ```
26
26
  どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
27
+
28
+ ちなみにpubspec.yamlもまったく公式と同じ通りに書いたはずです・・・
29
+ ```yaml
30
+ name: angular_app
31
+ description: A web app that uses AngularDart
32
+ version: 0.0.1
33
+
34
+ environment:
35
+ sdk: '>=2.0.0 <3.0.0'
36
+
37
+ dependencies:
38
+ angular: ^5.0.0
39
+ angular_forms: ^2.0.0
40
+
41
+ dev_dependencies:
42
+ angular_test: ^2.0.0
43
+ build_runner: ^1.0.0
44
+ build_test: ^0.10.2
45
+ build_web_compilers: ^0.4.0
46
+ test: ^1.0.0
47
+
48
+ ```
27
49
  このような症状を知っているかたはいらっしゃいますか？
28
50
  そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

2

追記

2019/04/03 01:37

投稿

hood
hood

スコア351

title CHANGED
File without changes
body CHANGED
@@ -2,30 +2,10 @@
2
2
  提題通りです。
3
3
  私は[公式サイト](https://webdev.dartlang.org/angular/tutorial/toh-pt2#hide-the-empty-detail-with-ngif)通りにコードを書いているのですが上手く、なぜか上手くブラウザに表示されません。
4
4
 
5
- 正確にいうと表示されるときとされないときがあります。(同じプログラムであるにも関わらず)
5
+ 何回もコードは見直して、公式とちゃんと同じように書いているはずです。
6
- 2、3分Loading...の画面がつづき、ファイアウォールの設定などを見直しているうちになにもしていないのに、いつの間にか表示されたりします。
7
6
 
8
- 何回もコードは見直して、公式とちゃんと同じように書いているはずです(しかしそれでもtestのapp_test.dartで赤線が引かれたりしていますが・・・)のでなぜだろうと首をひねるばかりです。
9
-
10
- このような症状を知っているかたはいらっしゃいますか？
7
+ webDevを見たら以下のようなエラー文？がありました。
11
- そうでなくても、ささいなことでもアドバイスいただけらありがたいです。
12
-
13
- 一応testのapp_test.dartで赤線が引かれた部分も下に記しておきます。
14
-
15
- ```dart
16
- test('Greet world', () async {
17
- await fixture.update((c) => c.name = 'World');
18
- //c.nameのところがthe setter name isn't definedなどとなっています。
19
- await fixture.update((c) => c.name = 'World');
20
- expect(fixture.text, 'Hello World');
21
- });
22
- expect(fixture.text, 'Hello World');
23
- });)
24
8
  ```
25
-
26
- 追記
27
- webDevを見たら以下のようなエラー文がありました。
28
- ```
29
9
  [SEVERE] build_web_compilers|entrypoint on web/main.dart:
30
10
  Unable to find modules for some sources, this is usually the result of either a
31
11
  bad import, a missing dependency in a package (or possibly a dev_dependency
@@ -43,4 +23,6 @@
43
23
 
44
24
  [SEVERE] Failed after 2.2s
45
25
  ```
46
- どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
26
+ どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
27
+ このような症状を知っているかたはいらっしゃいますか？
28
+ そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

1

追記

2019/04/03 01:34

投稿

hood
hood

スコア351

title CHANGED
File without changes
body CHANGED
@@ -21,4 +21,26 @@
21
21
  });
22
22
  expect(fixture.text, 'Hello World');
23
23
  });)
24
- ```
24
+ ```
25
+
26
+ 追記
27
+ webDevを見たら以下のようなエラー文がありました。
28
+ ```
29
+ [SEVERE] build_web_compilers|entrypoint on web/main.dart:
30
+ Unable to find modules for some sources, this is usually the result of either a
31
+ bad import, a missing dependency in a package (or possibly a dev_dependency
32
+ needs to move to a real dependency), or a build failure (if importing a
33
+ generated file).
34
+
35
+ Please check the following imports:
36
+
37
+ `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
38
+
39
+ [INFO] Running build completed, took 1.7s
40
+
41
+ [INFO] Caching finalized dependency graph...
42
+ [INFO] Caching finalized dependency graph completed, took 469ms
43
+
44
+ [SEVERE] Failed after 2.2s
45
+ ```
46
+ どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・