繁体   English   中英

CSS和Bootstrap在laravel5.8中不起作用。 我怎样才能解决这个问题?

[英]CSS and Bootstrap don't work in laravel5.8. How can I fix this?

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

1.我做了rm storage,因为我想使php artisan storage:link工作。 最终我不能。

2.在php artisan服务无法使用后,我改成chdir('/'); 在ServeCommand.php中。

3.我也改为

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

在AppServiceProvider.php中

4.现在php artisan服务正在运行,但是无法加载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')}}">

这是我的文件结构。

这是我的文件结构。

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

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

这是我的控制台

谢谢。

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

如果您有干净的Laravel 5.8安装程序, {{asset('external/css/bootstrap.min.css')应该可以立即使用。 所以我应该删除app->bind东西并尝试使用

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM