BOOK Studio947
狩野祐東・狩野さやか著書

P278 サンプルデータについて

poketatsu asked 3か月 ago

初めまして。 先月より始めさせていただいてるものです! 非常にわかりやすく楽しくやらせてもらっています! 第2版のP278について質問なのですが、 以下の2つのエラーが出てしまい残りわずかですのボタンが動かなかったです。 サンプルも同じ挙動でした。 ご回答お待ちしております。 
Access to XMLHttpRequest at ‘file:///C:/Users/hopef/Desktop/%E5%8B%89%E5%BC%B7/book-js(JavaScript)/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/_template%20-%206-03/data.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
 
jquery-3.4.1.min.js:2 GET file:///C:/Users/hopef/Desktop/%E5%8B%89%E5%BC%B7/book-js(JavaScript)/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/_template%20-%206-03/data.json net::ERR_FAILED

2 Answers
狩野 祐東 Staff answered 3か月 ago

ご連絡ありがとうございます。
こちらでも動作しないことを確認しました。

エラーメッセージを見る限り、いつからかはわかりませんが、ブラウザ(Chrome、Firefox)が、同一オリジンポリシー(p.283)を厳密に解釈するようになったみたいです。簡単にいえば「file:///」で始まるURLでは別ファイルのデータを読み込まなくなっているため不具合が発生しています。

可能であれば、p.211で紹介しているServedをインストールして、Served経由で動作を確認してみてもらえますか? ただし、現在のmacOSではこのServedもインストールできなくなっていることを確認しています(Windowsではこれから検証)。Served以外の代替手段は本サイトで記事にするつもりです。その際はもうしばらくお待ちください。

poketatsu replied 3か月 ago

ご返信ありがとうございます。
こちらは、windowsですので、Servedでどんなエラーがでるか後ほど見てみます。

poketatsu replied 3か月 ago

ご返信ありがとうございます。
こちらは、windowsですので、Servedでどんなエラーがでるか後ほど見てみます。

poketatsu replied 3か月 ago

遅れて申し訳ございません。
servedを使うと「残席わずか」と「お席あります」がしっかりと実装されています。
直接Googleで開くとだめみたいです。

狩野 祐東 Staff answered 3か月 ago

WindowsではまだServedも動くみたいですね。よかったです。