53359


いつもお世話になっています。  
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

* * *

### 【質問の主旨】

GitHubに公開している[fetch_catch.html](https://github.com/echizenyayota/ch10/blob/master/fetch_catch.html)を表示して「現在日時」と言うボタンを押すと、"Error:
undefined"と言うメッセージがポップアップされます。本来は[scripts/fetch_catch.jsの7行目](https://github.com/echizenyayota/ch10/blob/master/scripts/fetch_catch.js#L7)に記述したとおり、「指定したファイルが存在しません。」と表示されることを意図しています。意図した通りの表示をさせるためにはどうすれば良いでしょうか？

### 【質問の補足】

1.  
GitHubのコードは[「JavaScript逆引きレシピ
第2版」](https://www.shoeisha.co.jp/book/detail/9784798157573)と言う本のP477で「レシピ270
通信エラー時の処理を実装したい」を写経しました。本の説明では「指定したファイルが存在しません。」が表示されることになっています。

2.  
コンソール画面を確認すると以下の2つのエラーが表示されます。

[code]

    Unchecked runtime.lastError: The message port closed before a response was received.
    GET http://wocker.test/js_recipe_v2/ch10/nothing.php 404 (Not Found)
    
[/code]

1つめのエラーはすでに投稿した[質問](https://ja.stackoverflow.com/questions/53353/fetch%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AE%E3%82%A8%E3%83%A9%E3%83%BC%E5%87%A6%E7%90%86%E3%81%A7unchecked-
runtime-lasterror-the-message-port-closed-before-
a-r)で解決済みで、今回の質問とは関係ないことが分かりました。2つ目のラーについても想定内です（非同期通信のエラーを処理を実装するためにあえてnothing.phpは作成していないので）。

* * *

以上、ご確認よろしくお願い申し上げます。


CC BY-SA 4.0
2019-03-11T05:11:47.997
53355
2019-03-11T07:14:57.637
32232
question
javascript ecmascript-6 非同期 promise
fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください


[scripts/fetch_catch.jsの13行目](https://github.com/echizenyayota/ch10/blob/master/scripts/fetch_catch.js#L13)において、`message`を`messgae`と打ち間違えています。

想定されるものの代わりに`undefined`が得られる場合は、このようにプロパティ名（`message`）を打ち間違えている（存在しないプロパティ名を指定したので`undefined`が返されている）ことがよくありますので、重点的に確認されるとよいと思います。


CC BY-SA 4.0
2019-03-11T07:14:57.637
53359
2019-03-11T07:14:57.637
30079
53355
answer