Почему css и bootstrap не загружаются в Laravel 5.3?

#php #mysql #twitter-bootstrap #laravel #laravel-5.3

Вопрос:

Это мой файл маршрута…

 Маршрут::group(['middleware' => ['auth']], функция(){

 Маршрут::get('/profile/{username}', 'ProfileControllers@getProfile');

 });

Это «ProfileControllers»…

 пространство имен App  Http  Controllers;
 используйте DB;
 используйте App  User;
 используйте IlluminateHttp Request;

 класс ProfileControllers расширяет контроллер
 {
 общедоступная функция getProfile($username)
 {
 $user = DB::table('users')->где('username','=', $username) ->get();
 return view('web.profile');
 }
 }

И это файл представления…

 @extends('layout')

 @section('content')
 Это ваш профиль
@stop

И заголовок файла макета такой…

 link rel="таблица стилей" type="текст / css" href="css/bootstrap.min.css"
 link rel="таблица стилей" type="текст / css" href="css/app.css"

Когда я перехожу к URL-адресу «localhost: 8000 /profile/ username» и отображается уродливый html без какой-либо веб-страницы css …. когда я удаляю «/{username}» из файла маршрута и делаю его «/profile / username» и перехожу к «localhost: 8000 /profile / username» (а также удалите $username часть контроллера формы), тогда css и bootstrap загружаются отлично….

Что здесь происходит?

1. Когда вы переходите к «localhost: 800 /profile / username». Имя пользователя существует ли оно в вашей базе данных? Или вы просто вводите случайное имя пользователя?

2. Да, Салам, братан, имя пользователя существует ….. и теперь возникла другая проблема ….. если задать route в «/profile/foo» и перейти на localhost:8000/profile/foo, css не загружается…..

3. Мне кажется, что путь CSS не является абсолютным и относится к URL. Откройте инструменты разработчика и проверьте вызываемый путь и исправьте это. Кроме того, не уверен, что это так, но будьте осторожны при использовании base tag.

4. Вы правы, милц. Это была проблема. Эта маленькая ошибка испортила мне весь день…

5. Рад, что вы исправили проблему. Я буду голосовать за закрытие этого вопроса как проблемы, которую больше нельзя воспроизвести, или простой типографской ошибки .

Ответ №1:

Я исправил эту проблему, просто поставив ‘/’ перед ссылкой

 link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"
link rel="stylesheet" type="text/css" href="/css/app.css"

Ответ №2:

Вы можете добавить эту строку в начало блейд-файла.

{{ HTML::style(‘css/app.css’) }}

или

ссылка rel=»таблица стилей» href=»{{ url(‘css/bootstrap.min.css’) }}»

Надеюсь, это сработает!

Ответ №3:

Выполняли ли вы команду «php artisan migrate» перед включением ссылок на ваши файлы начальной загрузки (или перед выполнением команды npm)?

Если это так, то запустите «php artisan migrate: rollback» перед запуском «php artisan migrate» (особенно, если вы используете такие библиотеки, как «npm», для извлечения ваших зависимостей, таких как «Bootstrap»),

Ответ №4:

Работа вокруг будет…

 Comment out <link href="{{ asset('css/app.css') }}" rel="stylesheet"> and add following link into the app.blade.php

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

Ответ №5:

Я запускаю приведенные ниже команды, и это сработало для меня

композитору требуется laravel / ui

затем запустите

php artisan ui bootstrap

затем выполните команды npm ниже

npm i
npm run dev