Ошибка получения: нет ошибки контекста страницы в nextjs с приставкой - PullRequest
Новая
       27

Ошибка получения: нет ошибки контекста страницы в nextjs с приставкой

1 голос
/ 27 мая 2019

Я новичок, чтобы отреагировать и пытаюсь заставить страницы работать, я получаю эту ошибку. Я не знаю, в чем причина. Даже гуглил многие сайты, но не получил ответа. Мой браузер показывает ошибку в файле _app.js. что 

import React from 'react'
import { NextAuth } from 'next-auth/client'
import App, { Container } from 'next/app'
import { resetUniqueIds } from "react-html-id"
// Global CSS from SCSS (compiles to style.css in _document)
import '../styles/globals.scss'

export default class PageApp extends App {
  static async getInitialProps({ Component, router, ctx }) {
    let pageProps = {}

    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps(ctx)
    }

    pageProps.session = await NextAuth.init({ req: ctx.req })

    return { pageProps }
  }

  componentWillMount() {
    // prevents ID mismatch between server and client
    // @see https://www.npmjs.com/package/react-html-id#does-this-work-with-server-side-rendering
    resetUniqueIds()
  }

  componentDidMount() {
    console.log(this.props.appLog)
  }

  render() {
    const { Component, pageProps } = this.props

    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    )
  }
}

Это страницы / landing_page.js 

import React, { Component, Fragment} from 'react';
import LandingPageContainer from '../containers/LandingPageContainer'
import Layout from '../components/Layout'
import forwardAuth from '../lib/forwardAuth'
const LandingPage = () => {
        return (
            <Fragment>
                <Layout>
                <LandingPageContainer/>
                </Layout>

            </Fragment>
        );
}

export default forwardAuth(LandingPage);

Вот как я пытался использовать упакованные компоненты с forwardAuth и requireAuth

forewardAuth: 

/**
 * Created by david.vanoni@coplex.com on 11/9/17.
 */

import withRedux from 'next-redux-wrapper'
import { NextAuth } from 'next-auth/client'
import { Router } from '../routes'
import { compose, hoistStatics, lifecycle } from 'recompose'
import { USER_HOME_ROUTE } from '../modules/users'
import initStore from '../store'

const componentDidMount = function () {
  const { session } = this.props

  if (session && session.user) {
    Router.replaceRoute(USER_HOME_ROUTE)
  }
}

const getInitialProps = async function ({ req }) {
  return {
    session: await NextAuth.init({ req })
  }
}

export default compose(
  withRedux(initStore),
  hoistStatics(
    lifecycle({ getInitialProps, componentDidMount })
  )
)

Любая помощь, где я делаю неправильно.

...