質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

WebStorm

WebStormは、JetBrains社が提供しているJavaScript向けの統合開発環境です。優れたコード解析機能や補完機能を搭載しており、HTML/CSSの編集にも対応が可能です。

Q&A

解決済

2回答

1385閲覧

dart+AngularDartのチュートリアルで、なぜかブラウザに表示されない。

hood

総合スコア351

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

WebStorm

WebStormは、JetBrains社が提供しているJavaScript向けの統合開発環境です。優れたコード解析機能や補完機能を搭載しており、HTML/CSSの編集にも対応が可能です。

0グッド

0クリップ

投稿2019/04/03 01:23

編集2019/04/03 02:19

###dart+AngularDartのチュートリアルで、なぜかブラウザに表示されない。
提題通りです。
私は公式サイト通りにコードを書いているのですが上手く、なぜか上手くブラウザに表示されません。

何回もコードは見直して、公式とちゃんと同じように書いているはずです。

dartwevdevを見ると以下のようなエラー文?がありました。

Please check the following imports: `import 'package:angular_app/app_component.template.dart' as ng;` from angular_app|web/main.dart at 2:1 [INFO] Running build completed, took 589ms [INFO] Caching finalized dependency graph... [INFO] Caching finalized dependency graph completed, took 440ms [SEVERE] angular on lib/app_component.dart (cached): Template parse errors: line 9, column 6 of AppComponent: ParseErrorLevel.FATAL: Parser Error: Unexpected token '!' at column 10 in [selected ! = null] in 笊キ 9 笏� <div *ngIf="selected ! = null"> 笏� ^^^^^^^^^^^^^^^^^^^^^^^^^ 笊オ [SEVERE] Failed after 1.0s Dart Webdev terminated

どうやら、import 'package:angular_app/app_component.template.dartに問題があるようですね・・でも、これをどうすればよいのやら・・・

このような症状を知っているかたはいらっしゃいますか?
そうでなくても、ささいなことでもアドバイスいただけらありがたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

[SEVERE] angular on lib/app_component.dart (cached): Template parse errors: line 9, column 6 of AppComponent: ParseErrorLevel.FATAL: Parser Error: Unexpected token '!' at column 10 in [selected ! = null] in 笊キ 9 笏� <div *ngIf="selected ! = null"> 笏� ^^^^^^^^^^^^^^^^^^^^^^^^^ 笊オ

とあるので、そのエラーの原因は表示の通り構文エラーでparseに失敗しています。! =!=ですね。

投稿2019/04/03 11:03

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hood

2019/04/03 11:06

回答ありがとうございます。 あとから私も気づいて、ブラウザで翻訳したコードをコピペしたのが原因だと気づきました...以後気をつけたいと思います。
退会済みユーザー

退会済みユーザー

2019/04/03 11:26

なるぼどブラウザで自動翻訳をするとコードがバグることがある罠がありましたね
guest

0

自己解決

chromeの設定→Cookieの削除をしたりしたら、直しました・・・しかし原因がわからないので、家に出たゴキブリを逃したという感じです・・・

投稿2019/04/03 02:27

hood

総合スコア351

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問