Barba.jsを使用して非同期遷移ができません。

前提・実現したいこと

Barba.jsを用いて非同期遷移を検証するべく、サンプルをつくったのですがページを遷移させようとすると下記のようなエラーがでます。

しかし、画面には表示されませんがカーソルを合わせるとページを遷移させる部分にはクリックできます。

皆さまの、お力添えを頂きたいです。

何卒、宜しくお願いいたします。

発生している問題・エラーメッセージ

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'file:///C:/Users/username/Desktop/pjax_sample/index2.html' cannot be created in a document with origin 'null' and URL 'file:///C:/Users/username/Desktop/pjax_sample/index.html'.
    at Object.goTo (https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js:1:9351)
    at Object.onLinkClick (https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js:1:10074)

トップページのソースコード

<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>Sample Barba-1</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <!-- footer css -->
  <style type="text/css">
  /* 遷移アニメーション用 */

  #barba-wrapper {
    overflow: hidden;
  }

  .barba-container {
    transition: all .5s;
  }

  .is-transition-start .barba-container {
    opacity: 0;
    transform: translate3d(100px,0,0);
  }
  </style>
</head>

<body style="padding-top: 60px;">
  <!--header start-->
  <header>
    <!-- Top Bind Navigation -->
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a class="navbar-brand" href="#">ナビゲーションバー</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="ナビゲーションの切替">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbar-header">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">ホーム <span class="sr-only">(現位置)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">リンク</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">無効</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ドロップダウン</a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
              <a class="dropdown-item" href="#">リンク1</a>
              <a class="dropdown-item" href="#">リンク2</a>
              <a class="dropdown-item" href="#">リンク3</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="検索..." aria-label="検索...">
          <button class="btn btn-secondary my-2 my-sm-0" type="submit">検索</button>
        </form>
      </div>
    </nav>
  </header>
  <!--header end-->

  <!--content start-->
  <div id="barba-wrapper">
    <div class="barba-container" data-namespace="index">
      <h1>PAGE1</h1>
      <p>※ヘッダー、フッターはダミーです。</p>
      <section>
        <h2>ページを選択</h2>
        <p><a href="index2.html">index2.htmlに移動する</a></p>
        <p><a href="index3.html">index3.htmlに移動する</a></p>
      </section>
    </div>
  </div>
  <!-- content end -->

  <!--footer start-->
  <footer class="footer">
    <div class="container">
      <p class="text-muted">Place sticky footer content here.</p>
    </div>
  </footer>
  <!--footer end-->

  <!-- Bootstrap SDN -->
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script>
  <!-- Barba.js SDN-->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js"></script>
  <script src="js/config.js"></script>
</body>
</html>