Dropzone не определен, с webpack на symfony

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

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

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

<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();
                    });
                });
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
2 508
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Я публикую решение, которое я только что нашел после битвы на symfony и webpack!

Хитрость: (для Symfony и webpack)

1 / Установить дропзону

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

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

4 / Вызовите Dropzone в 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"
      });
  });

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