title: Unable to change page when running yarn watch
body: <p>My <code>index.html</code> consists of two buttons <code>Shooting</code> and <code>Passing</code> which navigate to their respective <em>about</em> pages.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  &lt;h2 align="center"&gt;Select Skill:&lt;/h2&gt;
  
  &lt;div class="center"&gt;
    &lt;button onclick="location.href='fsi.html'" type="button" class="button"&gt;
      Shooting&lt;/button&gt;
  &lt;/div&gt;
  &amp;nbsp;
  &amp;nbsp;
  &amp;nbsp;
  &lt;div class="center"&gt;
    &lt;button onclick="location.href='fpi.html'" type="button" class="button center"&gt;
      Passing&lt;/button&gt;
  &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>The files <code>fsi.html</code> and <code>fpi.html</code> are in the same directory as <code>index.html</code> and when I click on them when running <code>index.html</code> ,they open properly.</p>
  <p>But when I run my entire project through yarn (<code>yarn watch</code>) , <code>index.html</code> is shown for <a href="https://i.stack.imgur.com/gacE9.png" rel="nofollow noreferrer">fsi.html</a> and <a href="https://i.stack.imgur.com/l0IQA.png" rel="nofollow noreferrer">fpi.html</a> even though the routes are shown correctly.</p>
  <p>No errors are generated during the building (<code>yarn build-dep</code>) and installing (<code>yarn</code>) process so I don't know what's going wrong.</p>