【问题标题】:Why css and bootstrap is not loading in Laravel 5.3?为什么 css 和 bootstrap 没有在 Laravel 5.3 中加载?
【发布时间】:2017-02-18 01:12:13
【问题描述】:

这是我的路线文件...

Route::group(['middleware' => ['auth']], function(){ Route::get('/profile/{username}', 'ProfileControllers@getProfile'); });

“ProfileControllers”是这个...

命名空间 App\Http\Controllers; 使用数据库; 使用应用\用户; 使用 Illuminate\Http\Request; 类 ProfileControllers 扩展控制器 { 公共函数 getProfile($username) { $user = DB::table('users')->where('username','=', $username)->get(); 返回视图('web.profile'); } }

这是视图文件...

@extends('布局') @section('内容') 这是你的个人资料 @停止

而Layout文件的头部是这个……

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

当我转到 url "localhost:8000/profile/username" 时,会显示一个没有任何 CSS 网页的丑陋 html.... 当我从路由文件中删除“/{username}”,并将其设为“/profile/username”并转到“localhost:8000/profile/username”(并删除 $username 部分表单控制器),然后 css 和引导加载完美....

这里发生了什么?

【问题讨论】:

  • 当你转到“localhost:800/profile/username”时。用户名是否存在于您的数据库中?或者你只是输入一个随机的用户名?
  • 是的,Salam 兄弟,用户名存在.....现在,另一个问题发生了......如果将路由设置为“/profile/foo”并转到 localhost:8000/profile/ foo,css 没有加载.....
  • 在我看来,CSS 路径不是绝对的,而是相对于 URL。打开开发人员工具并检查被调用的路径并修复它。另外,不确定是否是这种情况,但在使用base 标签时要小心。
  • 你说得对,米尔兹。这就是问题所在。这个小虫子毁了我一整天...
  • 很高兴您解决了这个问题。我将投票结束这个问题,因为一个无法再复制的问题或一个简单的印刷错误

标签: php mysql twitter-bootstrap laravel laravel-5.3


【解决方案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') }}

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

希望它有效!

【讨论】:

    【解决方案3】:

    您是否在添加引导文件的链接之前(或在运行“npm 命令”之前)运行了“php artisan migrate”命令?

    如果是这样,那么在运行“php artisan migrate”之前运行“php artisan migrate:rollback”(特别是如果您使用诸如“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 引导

        然后运行下面的 npm 命令

        1. npm 我
        2. npm 运行开发

        【讨论】:

          猜你喜欢
          • 2014-06-27
          • 2021-08-16
          • 1970-01-01
          • 1970-01-01
          • 2020-10-07
          • 2021-05-05
          • 1970-01-01
          • 2021-09-27
          • 2017-02-08
          相关资源
          最近更新 更多