2017-08-02 17 views
0

私のlaravelアプリケーションのログインページの外観をカスタマイズしようとしています。Laravel 5.4レイアウト/ appl.bladeにカスタムCSSを追加できません

:私は「app.min.1.css」CSSファイルを追加しようとしていレイアウト/ app.blade.phpファイルで

enter image description here

:ここに は、私が持っているファイルのコンテンツ構造であります

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- CSRF Token --> 
    <meta name="csrf-token" content="{{ csrf_token() }}"> 

    <title>{{ config('app.name', 'Laravel') }}</title> 

    <!-- CSS --> 
    <link href="{{ asset('templates/admin/Template/css/app.min.1.css') }}" rel="stylesheet"> 

    <!-- Styles --> 
    <link href="{{ asset('css/app.css') }}" rel="stylesheet"> 

    <!-- Scripts --> 
    <script> 
     window.Laravel = {!! json_encode([ 
       'csrfToken' = > csrf_token(), 
     ]) !!}; 
    </script> 
</head> 

ので、それはapp.min.cssだが、私が行くと自分のアプリケーションを実行すると、以下のように私はパースエラーを取得する:

enter image description here

ファイルがあり、私は一人でスタンを作成することによって、それを検証しなかったすべてのCSSファイルとJSファイルが正しくロードされたかどうかを確認するために表示します。

enter image description here

私がやろうとしていますすべてを使用することですlaravelによって提供されている既存のAuthページですが、自分のルック・アンド・フィールを与えます。あなた自身のcssとjsファイルを追加することは可能ですか?ここで

はapp.bladeのコードです:

<!DOCTYPE html> 
<html lang="{{ config('app.locale') }}"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <!-- CSRF Token --> 
     <meta name="csrf-token" content="{{ csrf_token() }}"> 

     <title>{{ config('app.name', 'Laravel') }}</title> 

     <!-- CSS --> 
     <link href="{{ asset('templates/admin/Template/css/app.min.1.css') }}" rel="stylesheet"> 

     <!-- Styles --> 
     <link href="{{ asset('css/app.css') }}" rel="stylesheet"> 

     <!-- Scripts --> 
     <script> 
      window.Laravel = {!! json_encode([ 
        'csrfToken' = > csrf_token(), 
      ]) !!}; 
     </script> 
    </head> 
    <body> 
     <div id="app"> 
      <nav class="navbar navbar-default navbar-static-top"> 
       <div class="container"> 
        <div class="navbar-header"> 

         <!-- Collapsed Hamburger --> 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse"> 
          <span class="sr-only">Toggle Navigation</span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
         </button> 

         <!-- Branding Image --> 
         <a class="navbar-brand" href="{{ url('/') }}"> 
          {{ config('app.name', 'Laravel') }} 
         </a> 
        </div> 

        <div class="collapse navbar-collapse" id="app-navbar-collapse"> 
         <!-- Left Side Of Navbar --> 
         <ul class="nav navbar-nav"> 
          &nbsp; 
         </ul> 

         <!-- Right Side Of Navbar --> 
         <ul class="nav navbar-nav navbar-right"> 
          <!-- Authentication Links --> 
          @if (Auth::guest()) 
          <li><a href="{{ route('login') }}">Login</a></li> 
          <li><a href="{{ route('register') }}">Register</a></li> 
          @else 
          <li class="dropdown"> 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 
            {{ Auth::user()->name }} <span class="caret"></span> 
           </a> 

           <ul class="dropdown-menu" role="menu"> 
            <li> 
             <a href="{{ route('logout') }}" 
              onclick="event.preventDefault(); 
                document.getElementById('logout-form').submit();"> 
              Logout 
             </a> 

             <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> 
              {{ csrf_field() }} 
             </form> 
            </li> 
           </ul> 
          </li> 
          @endif 
         </ul> 
        </div> 
       </div> 
      </nav> 

      @yield('content') 
     </div> 

     <!-- Scripts --> 
     <script src="{{ asset('js/app.js') }}"></script> 
    </body> 
    </html> 



here is the code for the auth/login/blade: 

    @extends('layouts.app') 

    @section('content') 
    <div class="login" data-lbg="teal"> 
    <!-- Login --> 
    <div class="l-block toggled" id="l-login"> 
     <div class="lb-header palette-Teal bg"> 
      <i class="zmdi zmdi-account-circle"></i> 
      Salve! Per favore effettui il login 
     </div> 

    <form class="form-horizontal" role="form" method="POST" action="{{                   route('login') }}"> 
      {{ csrf_field() }} 

      <div class="lb-body"> 
       <div class="form-group fg-float"> 
        <div class="fg-line"> 
         <input type="text" class="input-sm form-control fg-input"> 
         <label class="fg-label">Indirizzo Email</label> 
        </div> 
       </div> 

       <div class="form-group fg-float "> 
        <div class="fg-line"> 
         <input type="password" class="input-sm form-control fg-input"> 
         <label class="fg-label">Password</label> 


        </div> 
       </div> 



       <button class="btn palette-Teal bg">Entra</button> 

       <div class="m-t-20"> 
        <a data-block="#l-register" data-bg="blue" class="palette-Teal text d-block m-b-5" href="">Crea un Account</a> 
        <a data-block="#l-forget-password" data-bg="purple" href=""         class="palette-Teal text">Password Dimenticata?</a> 
       </div> 
      </div> 
     </form> 
    </div> 
    </div> 
    @endsection 

答えて

1

あなたがここにエラーが発生しています。

あなたがここに余分なスペースを持っている'csrfToken' = > csrf_token(),

<script> 
    window.Laravel = {!! json_encode([ 
      'csrfToken' => csrf_token(), 
    ]) !!}; 
</script> 
+0

arghにあなたがそうです!なぜこれはいつも起こる、それはとてもイライラする...とにかく、ありがとう。 – Salvo

+0

プログラミングの楽しさ: – avonnadozie

+1

これが当てはまると思われる場合は、この回答を正しいと考えてください。 –

1

ため=>の間のスペースを削除します。それがあるように

   'csrfToken' = > csrf_token(), 

修正を:

   'csrfToken' => csrf_token(),