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

你的引导样式表有一个错字。}从一开始就删除。

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