全日历未在 Laravel 中呈现

Question

路线：

Route::get('/calendar/{id}', 'TasksController@showcalendar')->name('cal');

函数：

    public function showcalendar($id)
{
    // $tasks = Task::where('halls_id', '=', '1')->get();
    return view('tasks.test');
}

test.blade.php

    <!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <link href='fullcalendar/main.css' rel='stylesheet' />
    <script src='fullcalendar/main.js'></script>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
      });

    </script>
  </head>
  <body>
    <div id='calendar'></div>
<h1>  Test</h1>

  </body>
</html>

fullcalendar/main.css 和 main.js 都在 public/fullcalendar 文件夹中，使用最新的库，字面上只是复制粘贴网站显示的内容作为示例。 ..老实说我不确定我错过了什么

转到 /calendar/1 它显示一个空白页面，除了 H1 字样“测试”

使用laravel 5.4.36

Answer 1

在调用 css 和 js

时使用 {{ URL::asset() }}

<link href='{{ URL::asset('fullcalendar/main.css') }}' rel='stylesheet' />
<script src='{{ URL::asset('fullcalendar/main.js') }}'></script>

全日历未在 Laravel 中呈现

Fullcalendar not rendering in Laravel

php

fullcalendar

laravel