Estoy tratando de usar Croppie JS. Al inicializar y enlazar croppie, el control deslizante es visible, pero la imagen no. No puedo entender por qué.

Aquí está mi código.

 <input type="file" id="input" name="image" accept="image/*" /> <br /> <img id="output" width="300" /> <script> input.addEventListener('change', function (e) { let files = e.target.files; console.log(files); var image = document.getElementById('output'); let imgUrl = URL.createObjectURL(files[0]); image.src = imgUrl; var c = new Croppie(document.getElementById('output')); c.bind({ url: imgUrl }); }); </script>