簡體   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