web-dev-qa-db-ja.com

どのように私はビューでnet :: ERR_ABORTED 404（見つかりません）を解決できますか、エラーはcssを表示させませんLaravel 6.0

ビューを実行していて、表示したい情報をそのビューに送信すると、上に表示したエラーが表示され、ビューがHTMLのみで表示されますが、このエラーは発生しませんビューに情報を送信しなかった場合は発生しません。解決方法がわかりません

  • consoleのthisGET http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/css/bootstrap.min.css net::ERR_ABORTED 404 (Not Found)とGET http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/js/jquery.stellar.min.js net::ERR_ABORTED 404 (Not Found)とまったく同じように、jsまたはcssのすべてのstylesheetおよびscripts
  • 以下では、スクリプトのコード、頭のリンク、および表示したい情報を表示します

<link stylesheet="" href="">およびスクリプトind head tag

<head>
    <title>ACAVUCAB</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script src="{{ asset('js/app.js') }}" defer></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/jquery.timepicker.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>

scripts

<script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="js/google-map.js"></script>
  <script src="js/main.js"></script>

ビューに表示したいもの

@foreach ($detalle_venta_entrada as $item)
                                <td class="image-prod"><div class="img" style="background-image:url(ticket_event.jpg);"></div></td>
                                <td class="product-name">
                    <h3>{{$item->numero_entrada}}</h3>
                                <p>Esta entrada es de uso unico y exclusivo para este evento</p>
                                </td>
                  <td class="price">{{$item->precio}}}</td>
                  <td>{{$item->fecha}}</td>
                              <td class="total">{{$item->precio}}</td>
                              </tr><!-- END TR-->
                  @endforeach
javascriptphphtmlcsslaravel
1
Rinzler21
_http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/css/bootstrap.min.css
_

ここでur .cssファイルが正しくないこのURLからロードしようとしていることがわかります

使用laravel組み込みasset()関数

https://laravel.com/docs/master/helpers#method-asset

これは、アプリケーションのpublicフォルダーを指すため、

asset('expamleFolder/bootstrap.js')を使用すると、public/expamleFolder内で_bootstrap.js_が検索されます

注：-アセットは常にパブリックフォルダーに保持します

これを古いコードで置き換えます

_<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('js/jquery.stellar.min.js') }}">
_

これはその2つのエラーの解決策です

0
Kamlesh Paul

asset helper を使用します

<script src="{{asset('js/main.js')}}"></script>
0
Presmelito