VirtualBoxで共有フォルダに保存したJSファイルの削除・変更が出来ない。

VirtualBoxとVagrantを利用して、Webサーバーの立ち上げ・HTMLファイルの読み込みについて勉強しています。ドットインストールさんの教材（URL：https://dotinstall.com/lessons/basic_vagrant）を参考に、共有フォルダを設定し、ホストOS内のファイルに保存したHTMLやJSファイルを、Chromeブラウザに表示させる所まで実装しています。

しかし、一度共有フォルダに保存したJSファイルについて、「ファイル自体を削除」してもChromブラウザで確認するとJSファイルが残っている状態になっています（「コードを修正」をしても、結果が反映されない）。

VirtualBox又はApacheサーバーにデータが残ってしまうのか、思いついたキーワードをネットで検索しても、思ったような結果が得られず、どう解決していいのか糸口が掴めない状態で困っています。

また、環境については下記に記載します。
ホスト環境
OS：macOS High Siera バージョン10.13.6 64bit Core i5
ViartualBox：5.2.16
Vagrant：2.1.2

ゲスト環境
OS：CentOS release 6.4

ソースコード

index.html.erb

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>おみくじ</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <div id="btn">?</div>
  <script src="js/main.js"></script>
</body>
</html>

main.js

(function() {
  'use strict';
  var btn = document.getElementById('btn');

  btn.addEventListener('click', function() {
    //試しに'hoge吉'と言うワードを追加しても、ブラウザ上では修正が反映されない。
    var results = ['大吉','中吉','凶','末吉','小吉','hoge吉'];
    // var n = Math.floor(Math.random() * 4);
    var n = Math.floor(Math.random() * results.length);
    this.textContent = results[n];

  });
  btn.addEventListener('mousedown', function() {
    this.className = 'pushed';
  });
  btn.addEventListener('mouseup', function() {
    this.className = '';
  });
})();

ソースコードは、ドットインストールさんの教材から引用しています。

初学者の質問で読みづらい点が多々あるかと思いますが、解決策等ご教授頂けると幸いです。よろしくお願いします。

行動規範の内容に同意します

回答2件

初歩的なことですが、実際に共有フォルダを確認してファイルの存在やタイムスタンプが更新されていることの確認を行ってください。
実際にファイルが更新されているのに、キャッシュ削除とリロードなどで更新されない場合は、ブラウザから参照しているファイルが本当に共有フォルダのものであるか確認してみてください。

投稿2018/10/19 10:41

mather

総合スコア6753

kenkenbbb

2018/10/19 12:29

ご指摘ありがとうございます。実際にファイルが更新されているのは、Cyberduckを利用してタイムスタンプの日時から確認が出来ました。また、同様の質問が以前teratailさんで投稿されていました（https://teratail.com/questions/116803）。結果的には、仮想マシンの再起動（vagrant reload)を行った上で、キャッシュ削除・リロードをすることで、JSファイルが更新されていることを確認しました。何故このような挙動になるのかは、まだまだ不勉強なので理解しきれてはいませんが、ひとまず一歩前進することが出来ました！ありがとうございました！

行動規範の内容に同意します

ベストアンサー

ブラウザのキャッシュを見ているだけ、ってことはないでしょうか。
リロードするか、キャッシュ削除してみましょう

投稿2018/10/19 08:55

y_waiwai

総合スコア87774

kenkenbbb

2018/10/19 12:31

早急のご回答ありがとうございました！どうやらブラウザのキャッシュを見ているだけのようでした。そもそも、キャッシュが関係していること自体初めて学ぶことが出来ました。また、同様の質問が以前teratailさんで投稿されていました（https://teratail.com/questions/116803）。結果的には、仮想マシンの再起動（vagrant reload)を行った上で、キャッシュ削除・リロードをすることで、JSファイルが更新されていることを確認しました。何故このような挙動になるのかは、まだまだ不勉強なので理解しきれてはいませんが、ひとまず一歩前進することが出来ました！ありがとうございました！

行動規範の内容に同意します

あなたの回答