导入vue-awesome-swiper之后界面白屏

Question

import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper’
之后界面白屏 之前的toolBar也不显示了 这是什么原因 谢谢

Answer 1

Sunday 2020-09-27 18:29:27

你好：

这种情况应该是项目出现了错误，可以在控制台查看一下是否有报错。

• 提问者 刘仁庆 #1

  报错 vue-awesome-swiper.js?7212:410 Uncaught TypeError: Vue.extend is not a function
      at eval (vue-awesome-swiper.js?7212:410)
      at eval (vue-awesome-swiper.js?7212:9)  
      at eval (vue-awesome-swiper.js?7212:9)
      at Object../node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js (chunk-vendors.js:2349)
      at __webpack_require__ (app.js:849)
      at fn (app.js:151)
      at eval (MySwiper.vue?327f:15)
      at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader-v16/dist/index.js?!./src/components/swiper/MySwiper.vue?vue&type=script&lang=js (app.js:986)
      at __webpack_require__ (app.js:849)
      at fn (app.js:151)

• Sunday #2

  这个错误是vue-awesome-swiper.js中没有 Vue.extend这个方法。可以对比下你引入的vue awesome swiper的版本和源码版本的区别