title: Laravel, Javascript file is not found
body: <pre><code>@extends('template')
  &lt;script type="text/javascript" src="js/Chart.js"&gt;&lt;/script&gt;
  @section('title')
  {{ $student-&gt;name }} - Student Detail
  @endsection
  @section('main')
  &lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-8 col-xs-12" &gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;strong&gt;{{ $student-&gt;name }}&lt;/strong&gt; &lt;a href="#"&gt;&lt;img src="../img/kattis.png" alt="Kattis" width="20" height="15"&gt;&lt;/a&gt; in CS3233 S1 AY 2020/21&lt;/h3&gt;
          &lt;p&gt;&lt;strong&gt;SPE&lt;/strong&gt;(ed) component: &lt;strong&gt;{{ $student-&gt;mc }} + {{ $student-&gt;tc }} = {{ $student-&gt;mc+$student-&gt;tc }}&lt;/strong&gt;&lt;br&gt;
            &lt;strong&gt;DIL&lt;/strong&gt;(igence) component: &lt;strong&gt;{{ $student-&gt;hw }} + {{ $student-&gt;bs }} + {{ $student-&gt;ks }} + {{ $student-&gt;ac }} = {{ $student-&gt;hw+$student-&gt;bs+$student-&gt;ks+$student-&gt;ac }}&lt;/strong&gt;&lt;br&gt;
            &lt;strong&gt;Sum = SPE + DIL = {{ $student-&gt;mc+$student-&gt;tc }} + {{ $student-&gt;hw+$student-&gt;bs+$student-&gt;ks+$student-&gt;ac }} = {{ $student-&gt;mc+$student-&gt;tc+$student-&gt;hw+$student-&gt;bs+$student-&gt;ks+$student-&gt;ac }}&lt;/strong&gt;&lt;/p&gt;
          &lt;/header&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 hidden-xs hidden-sm"&gt;
          &lt;img class="pull-right" id="photo" src="@if($student-&gt;avatar) {{Storage::url($student-&gt;avatar)}} @else ../img/locked.png @endif" alt="Photo of {{ $student-&gt;name }}" width="100" height="100"&gt;
          &lt;img class="pull-right" id="flag" src="../flags/4x3/{{strtolower($student-&gt;country)}}.svg" alt="{{$student-&gt;country}} Flag" width="100"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;&lt;canvas id="myChart" width="400" height="400"&gt;&lt;/canvas&gt;&lt;/div&gt;
    @endsection
  @section('footer')
    &lt;script&gt;
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'radar',
        labels: ["MC", "TC", "HW", "Bs", "KS", "Ac"],
        data: [$student-&gt;mc,$student-&gt;tc,$student-&gt;hw,$student-&gt;bs,$student-&gt;ks,$student-&gt;ac]
  
    });
    &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>In this file, called <code>detail.blade.php</code>, I include <code>Chart.js</code>. This file is located in <code>public/js</code>. <code>detail.blade.php</code> is in the directory with all the other views. In <code>index.blade.php</code>, I successfully referenced javascript files in the exact same way, for example </p>
  
  <pre><code>@section('footer')
  &lt;script type="text/javascript" src="js/highlight.js"&gt;&lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>. But in detail.blade.php, it doesn't work. I get the error: <code>Failed to load resource: the server responded with a status of 404 (Not Found)</code> regarding <code>Chart.js</code>.</p>
  
  <p>What is wrong?</p>