Error while initializing cropper.js
<p>i am using <a href="http://fengyuanchen.github.io/cropper/" rel="noreferrer">Cropper.js</a> to crop photos on my website.i have followed all the steps in the <a href="https://github.com/fengyuanchen/cropper/blob/v2.3.0/README.md" rel="noreferrer">readme</a> page,but i am getting some error.the first error i got is <strong>Uncaught ReferenceError: Cropper is not defined</strong>.so i have added the
<strong>var Cropper = window.Cropper</strong> statement.when i reload the page i got another error <strong>Uncaught TypeError: Cropper is not a constructor</strong>.but in this way only they are passing the options to Cropper constructor,couldn't figure it out what is going wrong </p>

<pre><code>&lt;!doctype html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;Cropper&lt;/title&gt;
  &lt;link rel="stylesheet" href="../dist/cropper.css"&gt;
  &lt;style&gt;
    img {
      max-width: 100%;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;div&gt;
    &lt;img id="image" src="wallpaper.jpg"&gt;
  &lt;/div&gt;

  &lt;div id="preview" &gt;&lt;/div&gt;

  &lt;!-- Scripts --&gt;
  &lt;script src="../assets/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="../dist/cropper.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var Cropper = window.Cropper;
      var image = document.getElementById('image');
      var cropper = new Cropper(image, {
        aspectRatio: 16 / 9,
        crop: function(e) {
          console.log(e.detail.x);
          console.log(e.detail.y);
          console.log(e.detail.width);
          console.log(e.detail.height);
          console.log(e.detail.rotate);
          console.log(e.detail.scaleX);
          console.log(e.detail.scaleY);
        }
      });
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>