title: Angular 2+ TypeError: $(...).magnificPopup is not a function
body: <p>I cannot find anywhere for magnific popup in angular
  the problem is magnificPopup is not recognized by jquery</p>
  
  <p>for comparison, i used jquery-confirm and it works. the process is the same like magnific popup the only different is the calling method which is <code>$.confirm({jquery-confirm stuff})</code></p>
  
  <p>angular-cli.json</p>
  
  <pre><code>...    
  "scripts": [
              "../node_modules/jquery/dist/jquery.js",
              "../node_modules/magnific-popup/dist/jquery.magnific-popup.min.js",
              "../node_modules/bootstrap/dist/js/bootstrap.js",
  ...
  </code></pre>
  
  <p>package.json</p>
  
  <pre><code>...
    "googleapis": "19.0.0",
      "jquery": "3.2.1",
      "jquery-confirm": "^3.3.2",
      "magnific-popup": "^1.1.0",
      "moment": "2.18.1",
  ...
  </code></pre>
  
  <p>Ts</p>
  
  <pre><code>import * as $ from "jquery";
  ...
  setTimeout(()=&gt;{
              $(document).ready(function($){
                  alert();
                  $('.popupImage').magnificPopup({
                      type: 'image'
                      // other options
                      ,
                  });
              });
  
          },2000)
  </code></pre>