Encore webpack не загружает загрузчик для определенной страницы - PullRequest
Новая
       12

Encore webpack не загружает загрузчик для определенной страницы

0 голосов
/ 30 августа 2018

Я пытаюсь создать веб-приложение с использованием Symfony и использую веб-пакет на бис для упаковки своих скриптов. У меня есть основной файл app.js, который включен в каждый файл, и это место, где я импортирую jQuery и начальную загрузку. Для каждой страницы я могу использовать модальные бутстрэпы, кроме страницы, которая отображает календарь. Кто-нибудь видит, что здесь происходит, что он не загружает загрузчик?

Я использую плагин fullcalendar.

(примечание: я проверил, загружен ли файл app.js с console.log ("...") и, похоже, он загружается, но все равно выдает ошибку, что $ ("..") .modal не определено)

(примечание: пакеты были установлены с использованием пряжи)

App.js 

require('jquery');
require('bootstrap');
require('bootstrap/dist/css/bootstrap.min.css');
....

Agenda.html.twig 

{% block script %}
  {{parent()}}
  <script src="{{ asset('build/agenda.js') }}"></script>
{% endblock %}

(Сценарий app.js находится в родительском, этот загружен наверняка)

Agenda.js 

function initCalendar(afspraken){
  $("#calendar").fullCalendar({
    locale:'nl',
    timeFormat:'HH:mm',
    slotLabelFormat:'HH:mm',
    defaultView: 'agendaDay',
    timezone:'locale',
    groupByDateAndResource: true,
    allDaySlot:false,
    slotDuration:'00:10:00',
    firstDay:1,
    minTime:"06:30:00",
    maxTime:"20:00:00",
    header: {
      left: 'prev,next',
      center: 'title',
      right: 'agendaDay,agendaWeek'
    },
    views: {
      agendaWeek: {
        type: 'agenda',
        duration: { days: 7 }
      }
    },
    resources: {
      url: "/agenda/pull/resources",
      type:"GET"
    },
    events:{
      url:"/agenda/pull/afspraken",
      type:"GET"

    },
    selectConstraint:"businessHours",
    selectable:true,
    selectHelper:false,
    selectOverlap:false,
    select: function(start, end, jsEvent, view, resource) {openAddAfspraak(new Date(start), resource);},
    eventClick: function(calEvent, jsEvent, view) {openEditAfspraak(calEvent);},
    dragScroll:false,
    eventTextColor:'white'    
  });

}

function openAddAfspraak(date, resource){
  date.setHours(date.getHours()-2);

  var modal = $("#addAfspraak");
  //modal.find("[name='afspraak_form[date]']").val(('0'+date.getDate()).slice(-2)+'/'+('0'+(date.getMonth()+1)).slice(-2)+'/'+date.getFullYear());
  $(".dateField").datepicker("update", date);
  modal.find("[name='afspraak_form[start][hour]']").val(date.getHours());
  modal.find("[name='afspraak_form[start][minute]']").val(date.getMinutes());
  modal.find("[name='afspraak_form[werknemer]']").val(resource.id);


  modal.modal();
}
...
...