javascript - 「NS_ERROR_DOM_BAD_URI: 制限付き URI へのアクセスが拒否されました」

Question

スクリプトタグに直接書き込まれたいくつかのd3グラフを含むhtmlファイルがあります。グラフの 1 つを外部 js ファイルに外部委託すると、「NS_ERROR_DOM_BAD_URI: 制限付き URI へのアクセスが拒否されました」というメッセージが表示されます。d3.json でコードを削除すると、ローカルの json ファイルが読み込まれ、エラーが消えます。しかし、htmlに埋め込まれた外部jsにjsonファイルをロードできる必要がありますよね？

d3.json("forcetree.json", function(json) {
root = json;
update();
});

Answer 1

.html ファイルのルートに相対的な .json ファイルを指定します

元：

d3.json("js/forcetree.json", function(json) {
  root = json;
  update();
});

Answer 2

JSON ファイルを HTML ファイルを含むディレクトリのサブディレクトリに移動することで、この問題を解決しました。

壊れた：

www/
  code/
    hello.html    # refers to ../data/hello.json
  data/
    hello.json

働く：

www/
  hello.html      # refers to data/hello.json
  data/
    hello.json