Fullcalendar не отображается в Laravel

Маршрут:

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

Добавьте предшествующий '/' как в href, так и в src, например href = "/fullcalendar/main.css" & src = "/fullcalendar/main.js"

— 13.12.2020 06:29

php laravel fullcalendar

13.12.2020 06:14

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

177

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

используйте {{ URL::asset() }}, пока вы вызываете css и js

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

13.12.2020 06:24

Другие вопросы по теме

Попытка вызвать отношение imageable_type в полиморфной модели

Как поделиться сайтом поддомена с помощью laravel valet?

Можно ли определить полиморфные отношения по разным путям (промежуточная модель) в моделях Laravel?

В вашем кластере не найдено активных узлов, Laravel, докер

Laravel Eloquent: есть ли способ обновить БД с помощью динамических полей?

Laravel записывает в консоль, не влияя на PHPUnit

Отображать аутентифицированного пользователя в laravel

Как пропустить проверку для пустого массива?

Как проверить соответствие имени пользователя и пароля laravel 7

Флажок категории и подкатегории с использованием javascript и CSS

Fullcalendar не отображается в Laravel

Ответы 1

Другие вопросы по теме

Похожие вопросы