CSS и JS не загружаются в шаблоне в Laravel

Question

Я новичок в Laravel и хочу загрузить шаблон.Однако, когда я загружаю его, показываются только данные на основе HTML, а файлы CSS / JS не загружаются.Все мои файлы CSS и JS находятся в папке / public.Есть ли решение этой проблемы?

CSS

<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap-responsive.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/fullcalendar') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-style') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-media') }}" />
<link href="font-awesome/{{ asset('css/fonts/backend_fonts/css/fonts-awesome.css') }}" 
  rel="stylesheet" />

JS

<script src="{{ asset('js/backend_js/excanvas.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.ui.custom.js') }}"></script> 
<script src="{{ asset('js/backend_js/bootstrap.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.flot.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.flot.resize.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.peity.min.js') }}"></script> 

Здесь - это ссылка на скриншот моей папки.

Вот ссылки, которые отображаются в режиме разработчика в Google Chrome.

href="http://localhost/laravel/ecom2/public/css/backend_css/bootstrap.min"
href="http://localhost/laravel/ecom2/public/css/backend_css/bootstrap-responsive.min"
href="http://localhost/laravel/ecom2/public/css/backend_css/fullcalendar"
src="http://localhost/laravel/ecom2/public/js/backend_js/matrix.interface.js"
src="http://localhost/laravel/ecom2/public/js/backend_js/matrix.chat.js"
src="http://localhost/laravel/ecom2/public/js/backend_js/jquery.validate.js"

Answer 1

убедитесь, что вы запустили

 php artisan serve

и исправили расширение .css

Answer 2

Вот ошибка, используйте правильные расширения CSS

 <link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap.min.css') }}" 

Answer 3

Попробуйте

URL::asset(‘your resource here’)

Вместо

asset(‘your resource here’)

Answer 4

<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap-responsive.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/fullcalendar') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-style') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-media') }}" />

Здесь ошибка.Ваш css файл должен оканчиваться на .css следующим образом:

<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap.min.css') }}" />

И проверить js файл тоже

Answer 5

Ваш путь к css, js недействителен сейчас

вы не прикрепили extensions в своих файлах css, js

также, вам следуетзапустите свой проект с ремесленником

php artisan serve

, затем перейдите на localhost:8000