• main.jsが読
    み込まれていないのか、jsファイルが反映されません。...
  • 質問者画像

    Takano Futoshi 
    main.jsが読み込まれていないのか、jsファイルが反映されません。
    以下のことは、しっかりと確認をし、間違いありません。

    ①htmlファイルでは、必要箇所に、id と classを追加し、</body>の直前で、main.jsを読み込んでいる。その際、main.jsのパスの記述も間違いない。index.htmlと同じフォルダに入っていて、かつ、
    main.jsは特にフォルダにはいっていないので、パスは 
    <script src="main.js"></script>と記述した。

    ②肝心のmain.jsも間違いのないように記述していある。

    上記①、②にも関わらず、jsが読み込まれません。
    考えられる原因として何が挙げられますか?

    pcはmacで、エディタはatomを使用しています。

    宜しくお願いいたします。
    回答 0

    返信者画像

    Takano Futoshi 
    ウェブカツさんが用意されているサンプルのmain.jsを読み込んでみたところ、このサンプルのjsファイルは正常に読み込まれました。

    そこで、やはり自分のmain.jsが間違っているのではないかと思い、再度厳密に比較しながら確認
    して、間違いないことを確認してから実行したのですが、やはり自分が作成したmain.jsは
    読み込まれませんでした。

    何が原因でしょうか?

     
    状況から推察すると、単純にmain.jsが間違っているように思います。

    サンプルのソースコードをそのままコピペして問題なく読み込まれるのであれば、原因は「書き間違い」でしかありません。

    目視で確認する際には疲れてくると見落としもしやすくなるため実際の実務では
    ファイル同士のコードの違いが視覚的に判別できる「Diffツール」といったものを使っています。

    http://d.hatena.ne.jp/soratomo0714/20150826/p1

    サンプルとの差分を調べてみると、自分がどこを書き間違えているのかが、わかるはずです。