Смотрел разные разговоры на эту тему, извините что переделываю тему но смотрю уже целый день и не понимаю почему 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();
});
});



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я публикую решение, которое я только что нашел после битвы на 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"
});
});