CSS 未加载到动态生成的 Laravel 视图上

Question

我不知道这个问题是否得到了回答，因为我无法找出正确的搜索关键字。

我的默认布局视图中嵌入了样式表和 JavaScript。我有一个显示所有产品的商店视图，当您单击其中一个产品时，它应该重定向到 /shop/{product-name} 

这是它加载的页面

 这是加载页面的方式

问题是 styleSheet 没有完全加载

我的店铺控制器：

public function show($productName)

    {

        $product = Product::where('name', $productName)->firstOrFail();

        return view('product')->with('product',$product);

    }

the linked assets:

    <!-- Bootstrap -->

    <link type="text/css" rel="stylesheet" href="{{ URL::asset('}css/bootstrap.min.css') }}" />

    <!-- Slick -->

    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/slick.css') }}" />

    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/slick-theme.css') }}" />

    <!-- nouislider -->

    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/nouislider.min.css') }}" />

    <!-- Font Awesome Icon -->

    <link rel="stylesheet" href="{{ URL::asset('css/font-awesome.min.css') }}">

    <!-- Custom stlylesheet -->

    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/style.css') }}" />

<!-- Scripts -->

<script type="text/javascript" src="{{ URL::asset('js/jquery.min.js') }}"></script>

<script type="text/javascript" src="{{ URL::asset('js/bootstrap.min.js') }}"></script>

<script type="text/javascript" src="{{ URL::asset('js/slick.min.js') }}"></script>

<script type="text/javascript" src="{{ URL::asset('js/nouislider.min.js') }}"></script>

<script type="text/javascript" src="{{ URL::asset('js/jquery.zoom.min.js') }}"></script>

<script type="text/javascript" src="{{ URL::asset('js/main.js') }}"></script>

我的样式表似乎没有正确加载。我希望我能附上一些图片。

请问我做错了什么？

Answer 1

你的引导样式表有一个错字。}从一开始就删除。<!--&nbsp;Bootstrap&nbsp;--> <link&nbsp;type="text/css"&nbsp;rel="stylesheet"&nbsp;href="{{&nbsp;URL::asset('css/bootstrap.min.css')&nbsp;}}"&nbsp;/>