关于在vue中使用locomotive-scroll.js的问题

因为我想让所有页面都有顺滑滚动的效果，就在App.vue中添加

<template>
  <div  class="scrollContainer">
    <nav>
        。。。。。。。
        。。。。。。。
    nav>
    <router-view/>
  div>
template>

<script>
import LocomotiveScroll from 'locomotive-scroll';
export default {
  mounted() {
    this.$nextTick(function(){
      new LocomotiveScroll({
        el: document.querySelector('.scrollContainer'),
        smooth: true
      });
    })
  },

}
script>

然后页面就出现bug了
有没有知道解决方案的大，佬，指点迷津
感谢感谢🙏

怎么系统给 < 吞了