Uncaught RangeError: Maximum call stack size exceeded

Question

swiper.vue

home.vue

main.js
// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue’
import App from './App’
import router from './router’
import fastClick from 'fastclick’
import VueAwesomeSwiper from 'vue-awesome-swiper’
import 'styles/reset.css’
import 'styles/border.css’
import 'styles/iconfont.css’
import ‘swiper/dist/css/swiper.css’

Vue.config.productionTip = false
fastClick.attach(document.body)
Vue.use(VueAwesomeSwiper)

/* eslint-disable no-new */
new Vue({
el: ‘#app’,
router,
components: { App },
template: ‘’
})
报的是new vue 那一行的错误

Answer 1

提问者 慕粉4201155 2019-01-26 18:35:07

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/Home/home'

Vue.use(Router)

export default new Router({
 routes: [
   {
     path: '/',
     name: 'Home',
     component: Home
   }
 ]
})

Answer 2

提问者 慕粉4201155 2019-01-26 18:06:04

<template>
 <div class="wrapper">
   <swiper :options="swiperOption">
     <swiper-slide v-for="item of swiperList" :key="item.id">
       <img class="swiper-img" :src="item.imgUrl">
     </swiper-slide>
     <div class="swiper-pagination"  slot="pagination"></div>
   </swiper>
 </div>
</template>

Answer 3

Dell 2019-01-26 18:02:08

template里没东西啊，要看你的template

• Dell #1

  再看你的路由

• 提问者 慕粉4201155 回复 Dell #2

  import Vue from 'vue'
  import Router from 'vue-router'
  import Home from '@/pages/Home/home'
  
  Vue.use(Router)
  
  export default new Router({
    routes: [
      {
        path: '/',
        name: 'Home',
        component: Home
      }
    ]
  })

• Dell 回复 提问者 慕粉4201155 #3

  你把home组件里的内容都清掉，只留一个hello world ，然后看是否可用

点开查看后面6条评论