nuxt.js의 최대 콜스택 사이즈가 초과된 에러를 해결하는 방법

nuxt.js의 최대 콜스택 사이즈가 초과된 에러를 해결하는 방법

파이어베이스에서 엑시스를 사용해서 데이터를 얻으려고 합니다.모든 데이터를 처리하기 위해 vuex 스토어를 사용하고 있습니다.

데이터를 가져오고 저장하기 위해서는 다음 두 가지 작업이 있습니다.

nuxtServerInit(vuexContext, context) {
        return axios
          .get("https://nuxt-blog.firebaseio.com/posts.json")
          .then(res => {
            const postsArray = [];
            for (const key in res.data) {
              postsArray.push({ ...res.data[key], id: key });
            }
            vuexContext.commit("setPosts", postsArray);
          })
          .catch(e => context.error(e));
      },
      setPosts(vuexContext, posts) {
        vuexContext.commit("setPosts", posts);
      }

이 코드에 무슨 문제가 있는지는 모르지만, 다음의 에러가 표시됩니다.

최대 콜 스택 크기를 초과했습니다.

단말기의 오류

vuex에는 POJO 개체만 넣어야 합니다.네스트된 오브젝트를 삽입하고 있을 가능성이 높습니다.res.datavuex에 넣을 Pojo 이외의 오브젝트가 포함되어 있습니다.

언급URL : https://stackoverflow.com/questions/55759151/how-to-solve-maximum-call-stack-size-exceeded-error-in-nuxt-js