Laravel、Javascriptファイルが見つかりません

Question

@extends('template') 
<script type="text/javascript" src="js/Chart.js"></script> 
@section('title') 
{{ $student->name }} - Student Detail 
@endsection 
@section('main') 
<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-8 col-xs-12" > 
     <header> 
     <h3><strong>{{ $student->name }}</strong> <a href="#"><img src="../img/kattis.png" alt="Kattis" width="20" height="15"></a> in CS3233 S1 AY 2020/21</h3> 
     <p><strong>SPE</strong>(ed) component: <strong>{{ $student->mc }} + {{ $student->tc }} = {{ $student->mc+$student->tc }}</strong><br> 
      <strong>DIL</strong>(igence) component: <strong>{{ $student->hw }} + {{ $student->bs }} + {{ $student->ks }} + {{ $student->ac }} = {{ $student->hw+$student->bs+$student->ks+$student->ac }}</strong><br> 
      <strong>Sum = SPE + DIL = {{ $student->mc+$student->tc }} + {{ $student->hw+$student->bs+$student->ks+$student->ac }} = {{ $student->mc+$student->tc+$student->hw+$student->bs+$student->ks+$student->ac }}</strong></p> 
     </header> 
     </div> 
     <div class="col-md-4 hidden-xs hidden-sm"> 
     <img class="pull-right" id="photo" src="@if($student->avatar) {{Storage::url($student->avatar)}} @else ../img/locked.png @endif" alt="Photo of {{ $student->name }}" width="100" height="100"> 
     <img class="pull-right" id="flag" src="../flags/4x3/{{strtolower($student->country)}}.svg" alt="{{$student->country}} Flag" width="100"> 
     </div> 
    </div> 
    </div> 
    <div><canvas id="myChart" width="400" height="400"></canvas></div> 
    @endsection 
@section('footer') 
    <script> 
    var ctx = document.getElementById("myChart"); 
    var myChart = new Chart(ctx, { 
     type: 'radar', 
     labels: ["MC", "TC", "HW", "Bs", "KS", "Ac"], 
     data: [$student->mc,$student->tc,$student->hw,$student->bs,$student->ks,$student->ac] 

    }); 
    </script> 
@endsection 

detail.blade.phpといいます。このファイルには、Chart.jsが含まれています。このファイルはpublic/jsにあります。 detail.blade.phpは、他のすべてのビューを持つディレクトリにあります。 index.blade.phpでは、私は成功した例

@section('footer') 
<script type="text/javascript" src="js/highlight.js"></script> 
@endsection 

ため、まったく同じ方法で、JavaScriptファイルを参照します。しかし、detail.blade.phpでは動作しません。私はエラーFailed to load resource: the server responded with a status of 404 (Not Found)についてはChart.jsを取得します。

どうしたのですか？

Answer 1

<script type="text/javascript" src="/js/Chart.js"></script> 

この行はセクションの一部を構成しないため、含まれていません。あなたは、私はそれはあなたがつもり、このリンクを使用してスクリプトへのアセスを持っているtahtだ場合、あなたのjsフォルダが公共の場であると思い <script src="{{ URL::asset('/js/Chart.js') }}"></script>

を試してみて、いくつかのセクション（例えば、メインまたはフッタ）

Answer 2

でそれを含める必要があります。