Unexpected token: name (Dom7)

今天在运行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以上版本才支持的，那么第二种方法就不适合。