今天在运行vue项目的时候,报了这个异常,异常引起的原因是由于在vue项目中使用了4.0以上版本的swiper,Dom7是swiper4.0+版本的依赖库,所以在编译的时候,因为无法找到dom7这个依赖,就报错了。

我看了很多种解决方法:

第一种:修改webpack.base.conf.js(在/build目录下),新增这两句代码,但这个方法对我不起作用,还引入了新的问题。

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'swiper': 'swiper/dist/js/swiper.js'   // 加入这一句
    }
  }

第二种:降低swiper的版本,在terminal命令行直接输入:npm install swiper@3.4.2 --save下载即可

 

然后重新执行打包后,终于问题解决,而且涉及到使用swiper的控件使用上没什么影响。如果你用了一些属性必须只有swiper4.0以上版本才支持的,那么第二种方法就不适合。

Logo

前往低代码交流专区

更多推荐