title: RangeError: Maximum call stack size exceeded Vuejs Laravel
body: <p>I am running vuejs-laravel application, on local server its running with no error, but when I upload the files to live server, i am getting <strong>RangeError: Maximum call stack size exceeded</strong> on 2 pages and rest the application is working fine.</p>
  <p>I have multi time checked there is no recursive function, no variable overriding and even there is not such big data or request i am sending or receiving.</p>
  <p>The most important point is that the 2 pages are working in Firefox but i am getting the error in Google Chrome, i need someone to help me out been stuck in this error from 2 weeks.</p>
  <p>Regards</p>
  <p><a href="https://i.stack.imgur.com/KGavI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KGavI.png" alt="enter image description here" /></a></p>
  <p><strong>app.js</strong></p>
  <pre><code>import { createApp } from 'vue';
  window.axios = require('axios');
  import App from './App.vue';
  import router from './router';
  import store from './store';
  import VueNextSelect from 'vue-next-select';
  import vueCountriesCities from &quot;vue-countries-cities&quot;;
  import vue3StarRatings from &quot;vue3-star-ratings&quot;;
  
  global.jQuery = require('jquery');
  var $ = global.jQuery;
  window.$ = $;
  
  import './assets/css/main.css';
  import './assets/scss/main.scss';
  
  const app = createApp(App);
  
  app.component('vue-select', VueNextSelect);
  app.component(&quot;countriesCities&quot;, vueCountriesCities);
  app.component(&quot;vue3-star-ratings&quot;, vue3StarRatings);
  
  app.use(store).use(router).mount('#app');
  </code></pre>
  <p><strong>router.js</strong></p>
  <pre><code>import { createRouter, createWebHistory } from 'vue-router';
  import { elementScrollIntoView } from &quot;seamless-scroll-polyfill&quot;;
  
  const routes = [
    {
      path: '/',
      name: 'Main',
      component: () =&gt; import('./pages/Main.vue')
    },
    {
      path: '/about',
      name: 'About',
      component: () =&gt; import('./pages/About.vue')
    },
    {
      path: '/trainers',
      name: 'Our Trainers',
      component: () =&gt; import('./pages/OurTrainers.vue')
    },
  ];
  //MIX_API_URL
  const router = createRouter({
    history: createWebHistory(process.env.API_URL),
    routes,
    scrollBehavior(to, from, savedPosition) {
      elementScrollIntoView(document.getElementById('app'), {
        behavior: 'smooth',
        block: &quot;start&quot;
      })
    }
  });
  
  export default router;
  </code></pre>
  <p><strong>store.js</strong></p>
  <pre><code>import { createStore } from 'vuex';
  
  import { trainers } from './trainers';
  
  export default createStore({
    modules: {
      trainers,
    }
  });
  </code></pre>
  <p><strong>App.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;main&gt;
      &lt;Header /&gt;
      &lt;div class=&quot;mt-1&quot;&gt;
        &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/div&gt;
      &lt;!-- &lt;Partners /&gt; --&gt;
      &lt;Cookies /&gt;
      &lt;Footer /&gt;
    &lt;/main&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Header from &quot;./components/Header.vue&quot;;
  import Footer from &quot;./components/Footer.vue&quot;;
  import Cookies from &quot;./components/Cookies.vue&quot;;
  // import Partners from &quot;./components/Partners.vue&quot;;
  export default {
    components: {
      Header,
      Footer,
      Cookies,
      // Partners,
    },
  };
  &lt;/script&gt;
  &lt;style&gt;
  &lt;/style&gt;
  </code></pre>
  <p><strong>Home.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;main class=&quot;main-page&quot;&gt;
        &lt;!-- &lt;div class=&quot;main-slider&quot;&gt;&lt;/div&gt; --&gt;
        &lt;div class=&quot;main-context container&quot;&gt;
          &lt;div class=&quot;main-text&quot;&gt;
            &lt;h1 class=&quot;main-header search-header&quot;&gt;
              Find the perfect trainer for yourself
            &lt;/h1&gt;
            &lt;Search /&gt;
          &lt;/div&gt;
          &lt;div class=&quot;sportsmen&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;Partners /&gt;
      &lt;/main&gt;
      &lt;!-- Section starts  --&gt;
      &lt;section class=&quot;about container&quot;&gt;
        &lt;div class=&quot;left&quot;&gt;
          &lt;h2 class=&quot;section-heading&quot;&gt;
            &lt;span&gt;About&lt;/span&gt;&lt;br /&gt;
            BeMyPrivateTrainer
          &lt;/h2&gt;
          &lt;hr class=&quot;gradient-hr&quot; /&gt;
          &lt;p&gt;
            &lt;span class=&quot;bold&quot;&gt;BeMyPrivateTrainer&lt;/span&gt; is the platform where
            trainers, dietitians and people who are seeking them can meet.
          &lt;/p&gt;
          &lt;p&gt;
            &lt;span class=&quot;bold&quot;&gt;With us&lt;/span&gt;, you can find a highly qualified
            trainer in any kind of sports or dietitian to keep you heartless near
            you or any part of the world.
          &lt;/p&gt;
          &lt;p&gt;
            &lt;span class=&quot;bold&quot;&gt;Only professionals&lt;/span&gt; with proven records and
            certificationsare registered on our platform. We want you to be healthy
            and good looking. Find your trainer or dietitians with us!
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;iframe-main-item&quot;&gt;
          &lt;iframe src=&quot;https://www.youtube.com/embed/3LUOzeyXXAE&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot;
            allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot;
            allowfullscreen&gt;&lt;/iframe&gt;
        &lt;/div&gt;
      &lt;/section&gt;
      &lt;!-- Section starts  --&gt;
      &lt;section class=&quot;about container&quot;&gt;
        &lt;div class=&quot;left&quot;&gt;
          &lt;img class=&quot;fighters&quot; src=&quot;../assets/img/Fighters.png&quot; alt=&quot;&quot; /&gt;
        &lt;/div&gt;
        &lt;div class=&quot;right&quot;&gt;
          &lt;h2 class=&quot;section-heading&quot;&gt;What we do&lt;/h2&gt;
          &lt;hr class=&quot;gradient-hr&quot; /&gt;
          &lt;p&gt;
            &lt;span class=&quot;bold&quot;&gt;For users:&lt;/span&gt; &lt;br /&gt;
            We help you to find trainers and dietitians according to your criteria
            of selection, in your city or area.
          &lt;/p&gt;
          &lt;p&gt;
            Just through two simple steps: &lt;br /&gt;
            Step 1: Browse into our website and sign up with us.&lt;br /&gt;
            Step 2: Log in to your account and search for the best private and
            professional trainer according to your choice.
          &lt;/p&gt;
          &lt;p&gt;
            &lt;span class=&quot;bold&quot;&gt;For trainers and dietitians:&lt;/span&gt;
            &lt;br /&gt;
            Trainers and Dietitians should have to register to be able to get hired
            by the prospective members in their city or area and they can
            consequently earn money by guiding training and diet.
          &lt;/p&gt;
          &lt;p&gt;
            We are committed to giving our members the best available choices to
            enable them to get the best outcomes they are looking for; as we are
            aware of the fact that each member has distinctive goals in terms of
            sport and training.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/section&gt;
      &lt;article class=&quot;colorful-part&quot;&gt;
        &lt;div class=&quot;colorful-part__content container&quot;&gt;
          &lt;div class=&quot;colorful-part_text&quot;&gt;
            &lt;h3 class=&quot;colorful-part_heading&quot;&gt;Become a partner&lt;/h3&gt;
            &lt;button @click=&quot;showPartnerForm&quot; class=&quot;white-btn&quot;&gt;Get Started&lt;/button&gt;
          &lt;/div&gt;
          &lt;img src=&quot;../assets/img/become-partner.png&quot; alt=&quot;article picture&quot; /&gt;
          &lt;transition name=&quot;fade&quot;&gt;
            &lt;ParnerForm v-if=&quot;partherFormVisible&quot; @closePartnerForm=&quot;closePartnerForm&quot; /&gt;
          &lt;/transition&gt;
        &lt;/div&gt;
      &lt;/article&gt;
      &lt;!-- Section starts  --&gt;
      &lt;section class=&quot;our-trainers container&quot;&gt;
        &lt;h2 class=&quot;section-heading&quot;&gt;Our trainers&lt;/h2&gt;
        &lt;hr class=&quot;gradient-hr&quot; /&gt;
        &lt;!-- trainers card slider  --&gt;
        &lt;Slider /&gt;
      &lt;/section&gt;
      &lt;section class=&quot;world&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;h2 class=&quot;section-heading&quot;&gt;We are all over the world&lt;/h2&gt;
          &lt;hr class=&quot;gradient-hr&quot; /&gt;
        &lt;/div&gt;
        &lt;div class=&quot;world-pic&quot;&gt;&lt;/div&gt;
      &lt;/section&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import Slider from &quot;../components/Trainerslider.vue&quot;;
  import ParnerForm from &quot;../components/popup/BecomePartnerForm.vue&quot;;
  import Search from &quot;../components/Search.vue&quot;;
  import Partners from &quot;../components/Partners.vue&quot;;
  export default {
    data() {
      return {
        partherFormVisible: false,
      };
    },
    components: {
      Slider,
      ParnerForm,
      Search,
      Partners
    },
    methods: {
      showPartnerForm() {
        this.partherFormVisible = true;
      },
      closePartnerForm() {
        this.partherFormVisible = false;
      },
    },
  };
  &lt;/script&gt;
  </code></pre>