Dropzone не определена, с веб-пакетом на symfony

Question

Я смотрел различные разговоры на эту тему, извините, что переделал тему, но я ищу целый день, и я не понимаю, почему Dropzone не определен.

В моей консоли это всегда одна и та же речь... Uncaught ReferenceError: Dropzone не определен

Где я мог ошибаться?

<div action="{{path('document_create')}}" class="dropzone">
       <div class="fallback">
              {{ form_widget(form.file, {
                  'attr': {'type': 'file', 'name': 'file'}
              }) }}
       </div>
</div>

JS:

Dropzone.autoDiscover = false;

                $(function() {
                    //Dropzone class
                    var myDropzone = new Dropzone(".dropzone", {
                        url: "upload.php",
                        paramName: "file",
                        maxFilesize: 2,
                        maxFiles: 10,
                        acceptedFiles: "image/*,application/pdf"
                    });

                    $('#startUpload').click(function(){           
                        myDropzone.processQueue();
                    });
                });

Answer 1

Выкладываю решение, которое я только что нашел после битвы с Symfony и веб-паком!

Трюк: (для Symfony и веб-пакета)

1 / Установка dropzone

2/ Оставьте файл dropzone.js или dropzone.min.js в node_modules, не трогайте их.

3 / Создайте файл .js, например: myDropzone.js

4 / CallDropzone в myDropzone.js с:

window.Dropzone = require('dropzone/dist/min/dropzone.min');

5 / а также с кодом конфигурации Dropzone в соответствии с вашими выборами:

Dropzone.autoDiscover = false;

  $(function() {
      //Dropzone class
        $('.dropzone').dropzone({
          paramName: "file",
          maxFilesize: 2,
          maxFiles: 2,
          addRemoveLinks: true,
          acceptedFiles: "image/*,application/pdf"
      });
  });