title: Slick Carousel NPM
body: <p>I am attempting to set up a Slick Carousel on a website. As a test I first tried creating one on a blank page using the code directly from the slick site <a href="https://kenwheeler.github.io/slick/" rel="nofollow noreferrer">https://kenwheeler.github.io/slick/</a>. It seems that the javascript is not recognized even when updating the js links to http:. Here is the HTML:</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;My Now Amazing Webpage&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="your-class"&gt;
      &lt;div&gt;&lt;p&gt;test1&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;p&gt;test2&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;p&gt;test3&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('.your-class').slick();
      });
  &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I figured the issue might be that I did not have the slick carousel package installed. So I installed using NPM and now my package.json looks like this</p>
  
  <pre><code>{
  "name": "J",
  "version": "1.0.0",
  "main": "index.js",
  "dependencies": {
  "jquery": "^3.3.1",
  "json-server": "^0.12.1",
  "slick-carousel": "^1.8.1"
  },
  "devDependencies": {},
  "scripts": {
  "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": ""
  }
  </code></pre>
  
  <p>Am I missing something else that should be added in order for the Slick carousel to initialize and work properly?</p>