麻烦老师有什么办法可以给我看看啊，我后面的ajax没办法跟着敲了。

可是我还没有开始写那个数据的接口地址呢 怎么放

import './slider.css';
import './btn.css';

import Slider from './module';

const slider = new Slider(document.querySelector('.slider'), {
  initialIndex: 1,
  animation: true,
  // 切换速度，单位 ms
  speed: 300,
  // 自动切换，单位 ms
  autoplay: 1000
});

const bannerEl = document.getElementById('banner');
const leftbtnEl = document.getElementById('leftbtn');
const rightbtnEl = document.getElementById('rightbtn');

leftbtnEl.addEventListener(
  'click',
  () => {
    slider.prev();
  },
  false
);
rightbtnEl.addEventListener(
  'click',
  () => {
    slider.next();
  },
  false
);

bannerEl.addEventListener(
  'mouseenter',
  () => {
    slider.pause();
  },
  false
);
bannerEl.addEventListener(
  'mouseleave',
  () => {
    slider.autoplay();
  },
  false
);

// css
import './css/bundle.css';


// 公共的css样式
import 'styles/base.css';
import 'styles/reset.css';
import 'styles/layer_out.css';


//js
import './js/backtotop';

// 公共组件可以取路径别名
import 'components/topbar';
import 'components/min-nav';
import 'components/header-con';
import 'components/footer-nav';
import 'components/bottom-bar';




// 单独组件自己找自己的路径
import './components/slider';
import './components/menu';
import './components/jjzyx';
import './components/fav-ad';
import './components/xxsw';
import './components/ddwl';
import './components/tsddty';
import './components/zsj';
import './components/gt';

因为在请求完数据，替换模板内容后，页面中才会存在slider元素，所以此时页面中并不存在slider元素，无法获取到对应的元素，导致报错，建议同学将如下所示代码注释后，再跟着视频讲解书写代码。

祝学习愉快~