2017-09-05 19 views
1

JSFiddleの実例があります。 (少なくとも私はそうは思いません)D3のデモであることを起こるが、これは直接D3の問題ではありません。GitHub - > JSFiddleディレクトリ構造エラー

https://jsfiddle.net/petersmagnusson/dofamupd/# (Ref "1") 

私は適切にマッチングGitHubのリポジトリにリンクしたい:

http://jsfiddle.net/gh/get/library/pure/Magnusson-Institute/m008/tree/master/Demo/ (Ref "2") 

しかし、そのリンクは、JSFiddleサイトからという「間違ったデータ構造です。」というエラーが発生します。ディレクトリ構造は無効です。あなたのURLは有効ですか?ドキュメントを確認してください。

基礎となる(パブリック)リポジトリがここにある:

https://github.com/Magnusson-Institute/m008 

私はJSFiddleのデモから始まってみました:

インクリメンタル
https://github.com/zalun/jsFiddleGithubDemo/tree/master/Demo/ 

、コピー&ペーストが、それは単に他に実行するように思えますJSFiddle(ファイルキャッシング)の問題

(上記JSFiddleへの直接リンクを持っていますが、JSFiddleリンクを持っていますが、この質問は、リンクについてです場合のStackOverflowは、コードを含む強制ではないために謝罪...)

更新は:それを移動サブディレクトリ "Demo"とリンクURLを変更しました。今は少なくともロードされますが、正しく実行されません。

(Ref 1)と(Ref 2)を見てください。コードは同じです。それでも、GitHubからそれを持ち上げて、新しくjsfiddleにコピーしてコピーすると、別の結果が得られます。新しいjsfiddleを起動し、html、js、cssフレームをコピー・ペーストし、D3(https://d3js.org/d3.v4.min.js)の外部依存関係を追加すると、新鮮なjsfiddleがうまく動作します。しかし、ギブスから持ち上げることはできません。

途中でJSFiddleがわずかに異なる環境を作成しますか?

答えて

2

Demoのようなフォールドを作成し、ファイルを入れてみます。デモファイルがルートに認識できないようです

http://jsfiddle.net/gh/get/library/pure/Magnusson-Institute/m008/tree/master/Demo/

のように続いてURLが見えます。

更新:ソースがないあなたのhtmlよりも早く、あなたのjavascriptのロードにつながるgithubの、からのそれのためながらjsfiddleは、新鮮なフィドルにjavascriptのためwindow.onloadラッパーを追加することを示しています。その後、d3はエラーを起こします。

enter image description here

迅速な解決策は、あなたのjavascriptのためのwindow.onloadラッパーを追加することになります。

window.onload = function() { 
    // all your script 
} 
+0

笑!それはうまくいった。 (常に有益なエラーメッセージが大好きです...) –

+0

修正、部分的に作業しましたが、少なくとも環境をロードしますが、実行されない環境は少し違って見えます。それは私のOPとは違う問題ですが、誰かからの迅速な回答があれば、更新された質問をちょっと残しておきます。元の質問に答えたので、私は閉じて答えを割り当てます。更新のための –

+0

、それは動作の違いを説明します。もう一度。 –