includeやrequireでファイル参照する際の問題点

質問

こんにちわ。初心者です。
includeやrequireでファイル参照する際、ファイルX内にrequire（ファイルA）と表記し参照すると思うのですが、その参照したファイルAが内部でさらに、ファイルBを参照していたとします（備考１）。その場合、ファイルBが別フォルダにあるとうまく読み込めないのですが、どうしたら、よいのでしょうか？ちなみに備考２の場合はこの問題が発生しません。

☆備考１（うまく読み込めないパターン｛パスで書きました｝）
フォルダ教えて\フォルダhoge\ファイルX（この内部でファイルAをrequire）

フォルダ教えて\フォルダgoo\ファイルA（このファイルはjavaScriptで記述されたファイルBを参照）
フォルダ教えて\フォルダgoo\ファイルB（ファイルAと同じディレクトリ内に配置）

☆備考２（うまく読み込めるパターン）
フォルダ教えて\フォルダhoge\ファイルX（この内部でファイルAをrequire）
フォルダ教えて\フォルダhoge\ファイルB（requireするファイルXがあるフォルダと同じディレクトリに配置）

フォルダ教えて\フォルダgoo\ファイルA（このファイルはjavaScriptで記述されたファイルBを参照）

回答No.5

hkd9001 · ベストアンサー

saak888 さん、レスありがとうございます。

…その通りです、「src="../saak.js"」は「ひとつ上のフォルダにある saak.js 」という意味です。　

で、saak888 さんのおっしゃっている「うまく動作しない」という意味ですが

（１）「備考１」「備考２」ともうまく動作しない
（２）「備考１」は動作するが「備考２」は動作しない

のうち、どちらなのでしょう？
もし（１）ならば、サーバ側の設定やディレクトリ構造などの問題も絡んできますので、次回私が回答を差し上げるまで少々お時間をください（saak888 さんへの私からの追加の問い合わせ内容について検討したいと思いますので）。
もし（２）であれば「備考１」で運用されることをオススメします。

では、よろしくお願いいたします。

回答No.4

hkd9001

saak888 さん、おはようございます。
お手数をかけてスミマセンでした（汗）。

あ、お陰様で、原因らしいものが　だんだん見えてきましたよ～。
まず、持ってきていただいたコード中

src="http://poc.xserv.jp/saak.js"

という部分がありますが、通常ここは「http://～～」という書き方はしないですね～。
さて、「備考１」の場合、ファイルＡとファイルＢ（この場合 saak.js のこと、という解釈で良いでしょうか？）が同じディレクトリにありますから、単純に

src="./saak.js"

で良いと思います（先頭の「./」［ドット１つ＋スラッシュ］というのは「現在のディレクトリの」という意味です）。

一方「備考２」の場合は、さしずめ

src="../../フォルダhoge/saak.js"

ということになるでしょう。（文中の「../」［ドット２つ＋スラッシュ］というのは「ひとつ上のディレクトリの」という意味です）。この場合の意味は、「ファイルＡの２つ上のデイレクトリ（つまり「フォルダ教えて」）の下にあるフォルダhogeに入っている saak.js」です。

もし追加でご質問あれば、お気軽にどうぞ。

補足

毎度、親切なご回答ありがとうございます。
しかし、残念ながら、うまく動作しません…
もしも、ひとつ上のディレクトリ上にあるとしたら、

src="../saak.js"

で良いわけですよね？しかし、うまく表示されません。
困った、、、これはそのまま同じディレクトリに置くほう（備考１）が無難なのかもしれませんね。

回答No.3

hkd9001

saak888 さん、hkd9001 です。

ええと、私の表現が悪かったようです…スミマセン（笑）。
今朝　私が書いた
-----------------------------------------------------------------------------
（１）「備考１」のファイルＡで、JavaScriptファイルを参照している部分のコーディング
（２）「備考２」のファイルＡで、JavaScriptファイルを参照している部分のコーディング
-----------------------------------------------------------------------------
ということの意味は「具体的に、どういうコーディングをなさっているか、ファイルＡの中身の、該当部分をコピー＆ペーストして、ここへ持ってきてください」ということだったのです。

…お手数をおかけしますが、よろしく…

あと「うまく読み込まれているか？」の確認は、ちょっと難しいですね～。

補足

すいません。こちらが勘違いしていたようで。
一応こんなカンジでいいんでしょうかね↓？

<script type="text/javascript" src="http://poc.xserv.jp/saak.js" charset="utf-8"></script>

回答No.2

めとろいと（@naktak）

相対パスの指定ミスでは？

回答No.1

hkd9001

saak888 さん、こんにちは。

さて、お手数なのですが、ちょっと補足をお願いしたいと思います：

（１）「備考１」のファイルＡで、JavaScriptファイルを参照している部分のコーディング

（２）「備考２」のファイルＡで、JavaScriptファイルを参照している部分のコーディング

上記２つがわかると、多分お答えができると思いますので…。よろしくお願いします。

補足

（１）（２）両者共に相対パスでファイルＢを参照しています。

自分の予想では絶対パスに書き換えると問題はとけるのではと…思い、絶対パスでやってみましたが、うまく動作しません。ちなみに、きちんと読み込んでいるか確認する方法ってありますかね？