localStorageを利用した際にUncaught DOMExceptionが発生した場合の対処

事象

local環境でのHTML,Javascriptの開発時に以下のようなエラーが発生し、localStorageが利用できない。

発生条件

ApacheなどのWEBサーバーは使わず、「file:///Users/〜省略〜/index.html」の様に、ローカルファイルをChromeで開いた場合

エラーログ

Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.

原因

「サードパーティのCookieをブロックする」をONになっていた。

対処法

1. Chromeの設定画面にて「Cookie」で検索
2. 「コンテンツ設定」を開く
3. 「cookie」を開き、「サードパーティのCookieをブロックする」をOFFにする。

参考

Failed to read the 'localStorage' property from 'Window': Access is denied for this document · Issue #106 · apollographql/apollo-client-devtools · GitHub