data is rendered, but SuperSlise error: navObj.size is not a function

import  $ from "../lib/jquery-vendor";
import "../lib/jquery.SuperSlide.2.1.1.source";
// import slide from "../lib/jquery.SuperSlide.2.1.1.source"
import doT from "dot";
var data = [
  "//i1.mifile.cn/a4/xmad_15235903896859_YbOJA.jpg",
  "//i1.mifile.cn/a4/T1a5JjBbVT1RXrhCrK.jpg",
  "//i1.mifile.cn/a4/xmad_15235219017074_KXToD.jpg"
];

var tpl = doT.template($("-sharpslideTpl").text());
$(".slideBox").html(tpl(data));
$(".slideBox").slide({
  mainCell: ".bd ul",
  autoPlay: true
})

<script id="slideTpl" type="text/x-dot-template">
  <div class="bd">
    <ul>
      {{~it:val:index}}
      <li><img src="{{=val}}" alt=""></li>
      {{~}}
    </ul>
  </div>
  <div class="hd">
    <ul>
      {{~it:val:index}}<li>{{=index+1}}</li>{{~}}
    </ul>
  </div>
</script>