【问题标题】:CSS and Bootstrap don't work in laravel5.8. How can I fix this?CSS 和 Bootstrap 在 laravel5.8 中不起作用。我怎样才能解决这个问题?
【发布时间】:2019-11-21 02:33:41
【问题描述】:

我正在使用 laravel 5.8。我遇到了一个大问题。 无法读取 CSS 和 Bootstrap。

1.我做了 rm storage 因为我想让 php artisan storage:link 工作。终于不行了。

2.php artisan serve不起作用后,我在ServeCommand.php中改为chdir('/');

3.我也改成

$this->app->bind('path.public', function() {
            return base_path('PATH TO PUBLIC FOLDER');
          });

在 AppServiceProvider.php 中

4.现在 php artisan serve 可以正常工作,但是 CSS 和 BootStrap 无法加载。

这是我的 index.blade.php(登陆页面,所有链接都粘贴在这个文件中)

<link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Work+Sans:300,400,700" rel="stylesheet">

    <link rel="stylesheet" href="{{asset('external/fonts/icomoon/style.css')}}">

    <link rel="stylesheet" href="{{asset('external/css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/magnific-popup.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/jquery-ui.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/owl.carousel.min.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/owl.theme.default.min.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/bootstrap-datepicker.css')}}">
    <link rel="stylesheet" href="{{asset('external/css/animate.css')}}">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/mediaelementplayer.min.css">



    <link rel="stylesheet" href="external/fonts/flaticon/font/flaticon.css">

    <link rel="stylesheet" href="{{asset('external/css/aos.css')}}">

    <link rel="stylesheet" href="{{asset('external/css/style.css')}}">

This is my file structure.

This is my file structure.

我在公用文件夹中创建了 external 文件夹。

如果有人知道解决方案,请帮助我。

Here is my console

谢谢。

【问题讨论】:

  • 您能从浏览器发布控制台错误吗?它应该显示一些未找到资源的错误。
  • 我发了,谢谢。
  • 检查页面并检查导入的 CSS 文件的 url 或 href,抱歉,我应该很清楚,只是说“我正在尝试查看您的导入 URL 是否出于某种原因不可靠”。
  • 另外,不要使用php artisan serve,而是尝试使用php -S localhost:8000 -t public/
  • 嗨,但我仍然无法理解它为什么起作用。我在标签中有一个 vue 图标。我在这个项目中集成了 Vue。是否与此解决方案有关?

标签: php css laravel twitter-bootstrap load


【解决方案1】:

虽然我不知道您到底想实现什么,但我假设您想从 public/external 目录加载文件。

如果你有一个干净的 Laravel 5.8 安装 {{asset('external/css/bootstrap.min.css') 应该开箱即用。所以我应该删除app-&gt;bind的东西并尝试使用

{{asset('external/css/bootstrap.min.css')

见:https://laravel.com/docs/5.8/helpers#method-asset

【讨论】:

  • 对不起,它没有用。我想实现使 CSS 和 Bootstrap 工作。谢谢。
  • 但是您是否删除了 AppServiceProvider 中的 $this-&gt;app-&gt;bind('path.public', function() { return base_path('PATH TO PUBLIC FOLDER'); });
  • 尝试全新安装。
猜你喜欢
  • 2013-10-24
  • 1970-01-01
  • 2020-11-28
  • 1970-01-01
  • 2019-04-10
  • 1970-01-01
  • 2012-03-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多