angular引入bootstrap-slider无效问题

最近在维护一个angular项目，其中需要用到时间轴，百度查到可以使用bootstrap-slider，官方给出的方案有npm安装import引入，或者直接script的src引入

但在项目中直接script src引入的话，会影响别的页面的input，我先是用impor导入，但ts一直报错找不到Slider，试了好几次，一会能打包一会不能打包

心态崩了啊！！！！

后来尝试用require引入，结果成功了！

loadSlider(){
    var self=this

    //用require引入
    var Slider=require('bootstrap-slider')

     var slider=new Slider('#ex1',{
       min:Number(self.years[0].name),
       max:Number(self.years[3].name),
       step:1
     })

    slider.on('change',function(e){
      console.log('e',e)
      self.startDate=e.newValue
      if(self.changeYear=='a'){
        self.loadData('a');
      }else if(self.changeYear=='b'){
        self.loadData2('b');
      }
    }) 
  }