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

編集履歴

質問編集履歴

5

追記

2019/04/03 02:19

投稿

hood
hood

スコア351

test CHANGED
File without changes
test CHANGED
@@ -10,75 +10,47 @@
10
10
 
11
11
 
12
12
 
13
- Runを見ると以下のようなエラー文？がありました。
13
+ dartwevdevを見ると以下のようなエラー文？がありました。
14
14
 
15
15
  ```
16
16
 
17
- "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
18
-
19
- Observatory listening on http://127.0.0.1:55424/
17
+ Please check the following imports:
20
18
 
21
19
 
22
20
 
23
- web/main.dart:2:8: Error: Error when reading 'lib/app_component.template.dart': 指定されたファイルが見つかりません。
21
+ `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
24
22
 
25
23
 
26
24
 
27
- import 'package:angular_app/app_component.template.dart' as ng;
25
+ [INFO] Running build completed, took 589ms
28
26
 
29
- ^
30
27
 
31
- 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'
32
28
 
33
- import 'dart:html';
29
+ [INFO] Caching finalized dependency graph...
34
30
 
35
- ^
31
+ [INFO] Caching finalized dependency graph completed, took 440ms
36
32
 
37
- 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'
38
33
 
39
- import 'dart:html';
40
34
 
41
- ^
35
+ [SEVERE] angular on lib/app_component.dart (cached):
42
36
 
43
- 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'
37
+ Template parse errors:
44
38
 
45
- import 'dart:html' show Element;
39
+ line 9, column 6 of AppComponent: ParseErrorLevel.FATAL: Parser Error: Unexpected token '!' at column 10 in [selected ! = null] in
46
40
 
47
- ^
41
+ 笊ｷ
48
42
 
49
- 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'
43
+ 9 笏� <div *ngIf="selected ! = null">
50
44
 
51
- import 'dart:html' show DocumentFragment, NodeTreeSanitizer;
45
+ 笏� ^^^^^^^^^^^^^^^^^^^^^^^^^
52
46
 
53
- ^
47
+ 笊ｵ
54
48
 
55
- 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'
56
49
 
57
- import 'dart:html';
58
50
 
59
- ^
51
+ [SEVERE] Failed after 1.0s
60
52
 
61
- 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'
62
-
63
- import 'dart:html';
53
+ Dart Webdev terminated
64
-
65
- ^
66
-
67
- 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'
68
-
69
- import 'dart:html';
70
-
71
- ^
72
-
73
- 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'
74
-
75
- import 'dart:html';
76
-
77
- ^
78
-
79
- 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'
80
-
81
- import 'dart:html';
82
54
 
83
55
  ```
84
56
 

4

追記

2019/04/03 02:19

投稿

hood
hood

スコア351

test CHANGED
File without changes
test CHANGED
@@ -10,41 +10,75 @@
10
10
 
11
11
 
12
12
 
13
- webDevを見たら以下のようなエラー文？がありました。
13
+ Runを見ると以下のようなエラー文？がありました。
14
14
 
15
15
  ```
16
16
 
17
- [SEVERE] build_web_compilers|entrypoint on web/main.dart:
17
+ "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
18
18
 
19
- Unable to find modules for some sources, this is usually the result of either a
20
-
21
- bad import, a missing dependency in a package (or possibly a dev_dependency
19
+ Observatory listening on http://127.0.0.1:55424/
22
-
23
- needs to move to a real dependency), or a build failure (if importing a
24
-
25
- generated file).
26
20
 
27
21
 
28
22
 
29
- Please check the following imports:
23
+ web/main.dart:2:8: Error: Error when reading 'lib/app_component.template.dart': 指定されたファイルが見つかりません。
30
24
 
31
25
 
32
26
 
33
- `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
27
+ import 'package:angular_app/app_component.template.dart' as ng;
34
28
 
29
+ ^
35
30
 
31
+ 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'
36
32
 
37
- [INFO] Running build completed, took 1.7s
33
+ import 'dart:html';
38
34
 
35
+ ^
39
36
 
37
+ 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'
40
38
 
41
- [INFO] Caching finalized dependency graph...
39
+ import 'dart:html';
42
40
 
43
- [INFO] Caching finalized dependency graph completed, took 469ms
41
+ ^
44
42
 
43
+ 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'
45
44
 
45
+ import 'dart:html' show Element;
46
46
 
47
+ ^
48
+
49
+ 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'
50
+
51
+ import 'dart:html' show DocumentFragment, NodeTreeSanitizer;
52
+
53
+ ^
54
+
55
+ 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'
56
+
47
- [SEVERE] Failed after 2.2s
57
+ import 'dart:html';
58
+
59
+ ^
60
+
61
+ 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'
62
+
63
+ import 'dart:html';
64
+
65
+ ^
66
+
67
+ 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'
68
+
69
+ import 'dart:html';
70
+
71
+ ^
72
+
73
+ 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'
74
+
75
+ import 'dart:html';
76
+
77
+ ^
78
+
79
+ 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'
80
+
81
+ import 'dart:html';
48
82
 
49
83
  ```
50
84
 
@@ -52,48 +86,6 @@
52
86
 
53
87
 
54
88
 
55
- ちなみにpubspec.yamlもまったく公式と同じ通りに書いたはずです・・・
56
-
57
- ```yaml
58
-
59
- name: angular_app
60
-
61
- description: A web app that uses AngularDart
62
-
63
- version: 0.0.1
64
-
65
-
66
-
67
- environment:
68
-
69
- sdk: '>=2.0.0 <3.0.0'
70
-
71
-
72
-
73
- dependencies:
74
-
75
- angular: ^5.0.0
76
-
77
- angular_forms: ^2.0.0
78
-
79
-
80
-
81
- dev_dependencies:
82
-
83
- angular_test: ^2.0.0
84
-
85
- build_runner: ^1.0.0
86
-
87
- build_test: ^0.10.2
88
-
89
- build_web_compilers: ^0.4.0
90
-
91
- test: ^1.0.0
92
-
93
-
94
-
95
- ```
96
-
97
89
  このような症状を知っているかたはいらっしゃいますか？
98
90
 
99
91
  そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

3

誤字

2019/04/03 02:08

投稿

hood
hood

スコア351

test CHANGED
File without changes
test CHANGED
@@ -50,6 +50,50 @@
50
50
 
51
51
  どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
52
52
 
53
+
54
+
55
+ ちなみにpubspec.yamlもまったく公式と同じ通りに書いたはずです・・・
56
+
57
+ ```yaml
58
+
59
+ name: angular_app
60
+
61
+ description: A web app that uses AngularDart
62
+
63
+ version: 0.0.1
64
+
65
+
66
+
67
+ environment:
68
+
69
+ sdk: '>=2.0.0 <3.0.0'
70
+
71
+
72
+
73
+ dependencies:
74
+
75
+ angular: ^5.0.0
76
+
77
+ angular_forms: ^2.0.0
78
+
79
+
80
+
81
+ dev_dependencies:
82
+
83
+ angular_test: ^2.0.0
84
+
85
+ build_runner: ^1.0.0
86
+
87
+ build_test: ^0.10.2
88
+
89
+ build_web_compilers: ^0.4.0
90
+
91
+ test: ^1.0.0
92
+
93
+
94
+
95
+ ```
96
+
53
97
  このような症状を知っているかたはいらっしゃいますか？
54
98
 
55
99
  そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

2

追記

2019/04/03 01:37

投稿

hood
hood

スコア351

test CHANGED
File without changes
test CHANGED
@@ -6,51 +6,11 @@
6
6
 
7
7
 
8
8
 
9
- 正確にいうと表示されるときとされないときがあります。(同じプログラムであるにも関わらず)
9
+ 何回もコードは見直して、公式とちゃんと同じように書いているはずです。
10
-
11
- 2、3分Loading...の画面がつづき、ファイアウォールの設定などを見直しているうちになにもしていないのに、いつの間にか表示されたりします。
12
10
 
13
11
 
14
12
 
15
- 何回もコードは見直して、公式とちゃんと同じように書いているはずです(しかしそれでもtestのapp_test.dartで赤線が引かれたりしていますが・・・)のでなぜだろうと首をひねるばかりです。
16
-
17
-
18
-
19
- このような症状を知っているかたはいらっしゃいますか？
20
-
21
- そうでなくても、ささいなことでもアドバイスいただけらありがたいです。
22
-
23
-
24
-
25
- 一応testのapp_test.dartで赤線が引かれた部分も下に記しておきます。
26
-
27
-
28
-
29
- ```dart
30
-
31
- test('Greet world', () async {
32
-
33
- await fixture.update((c) => c.name = 'World');
34
-
35
- //c.nameのところがthe setter name isn't definedなどとなっています。
36
-
37
- await fixture.update((c) => c.name = 'World');
38
-
39
- expect(fixture.text, 'Hello World');
40
-
41
- });
42
-
43
- expect(fixture.text, 'Hello World');
44
-
45
- });)
46
-
47
- ```
48
-
49
-
50
-
51
- 追記
52
-
53
- webDevを見たら以下のようなエラー文がありました。
13
+ webDevを見たら以下のようなエラー文？がありました。
54
14
 
55
15
  ```
56
16
 
@@ -89,3 +49,7 @@
89
49
  ```
90
50
 
91
51
  どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・
52
+
53
+ このような症状を知っているかたはいらっしゃいますか？
54
+
55
+ そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

1

追記

2019/04/03 01:34

投稿

hood
hood

スコア351

test CHANGED
File without changes
test CHANGED
@@ -45,3 +45,47 @@
45
45
  });)
46
46
 
47
47
  ```
48
+
49
+
50
+
51
+ 追記
52
+
53
+ webDevを見たら以下のようなエラー文がありました。
54
+
55
+ ```
56
+
57
+ [SEVERE] build_web_compilers|entrypoint on web/main.dart:
58
+
59
+ Unable to find modules for some sources, this is usually the result of either a
60
+
61
+ bad import, a missing dependency in a package (or possibly a dev_dependency
62
+
63
+ needs to move to a real dependency), or a build failure (if importing a
64
+
65
+ generated file).
66
+
67
+
68
+
69
+ Please check the following imports:
70
+
71
+
72
+
73
+ `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1
74
+
75
+
76
+
77
+ [INFO] Running build completed, took 1.7s
78
+
79
+
80
+
81
+ [INFO] Caching finalized dependency graph...
82
+
83
+ [INFO] Caching finalized dependency graph completed, took 469ms
84
+
85
+
86
+
87
+ [SEVERE] Failed after 2.2s
88
+
89
+ ```
90
+
91
+ どうやら、`import 'package:angular_app/app_component.template.dart`に問題があるようですね・・でも、これをどうすればよいのやら・・・