Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Next.js Deployment Issues on AWS Amplify: <Html> Import Errors and useContext Null Property Errors #3944

Closed
3 tasks done
mashwishi opened this issue Jun 27, 2024 · 10 comments
Closed
3 tasks done

Next.js Deployment Issues on AWS Amplify: <Html> Import Errors and useContext Null Property Errors #3944

mashwishi opened this issue Jun 27, 2024 · 10 comments
Labels
archived This issue has been locked. question Further information is requested

Comments

@mashwishi
Copy link

Before opening, please confirm:

Amplify Hosting feature

Deployments

Is your feature request related to a problem? Please describe:

We are experiencing several issues during the build phase of our Next.js application deployment on AWS Amplify. These issues include:

  1. import outside of pages/_document: We are encountering errors where components are being imported outside of the pages/_document file. According to Next.js documentation (https://nextjs.org/docs/messages/no-document-import-in-page), should only be used within _document.js and not within regular pages.
  • I am using app directory and don't have pages/_document and have touch anything that much in the code of create-next-app with next-auth
import type { Metadata } from "next";

import { Inter } from "next/font/google";
import { Toaster } from "react-hot-toast";

import { SessionProvider } from "next-auth/react";
import { Providers } from "./providers";

import "./globals.css";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: process.env.NEXT_PUBLIC_SITE_NAME || "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    // <html lang="en" className='dark'>
    <html lang="en">
      <body>
        <Providers>
          <SessionProvider>
            {children}
          </SessionProvider>
          <Toaster />
        </Providers>
      </body>
    </html>
  );
}
  1. TypeError: Cannot read properties of null (reading 'useContext'): This error is occurring intermittently, particularly on pages that involve useContext. It's unclear why this error is happening, as our codebase adheres to React's useContext guidelines and works correctly in local development environments.
  • Also don't know why it's throwing TypeError
  1. Other static page generation errors: Additionally, we are seeing errors related to static page generation, particularly on paths like /404, /500, and custom pages such as /dashboard, /login, /register, and others.
  • For /404 and /500 We don't have this page and for the /dashboard, /login, /register, and others, I have tried building it and haven't found the same issue as amplify throwing in the log.

Build Log:

024-06-27T10:03:09.774Z [INFO]: # Completed phase: preBuild
                                 # Starting phase: build
                                 # Executing command: yarn run build
2024-06-27T10:03:09.931Z [INFO]: yarn run v1.22.19
2024-06-27T10:03:09.954Z [INFO]: $ next build
2024-06-27T10:03:10.026Z [WARNING]: ⚠ You are using a non-standard "NODE_ENV" value in your environment. This creates inconsistencies in the project and is strongly advised against. Read more: https://nextjs.org/docs/messages/non-standard-node-env
2024-06-27T10:03:10.693Z [INFO]: ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
2024-06-27T10:03:10.707Z [INFO]: Attention: Next.js now collects completely anonymous telemetry regarding usage.
2024-06-27T10:03:10.708Z [INFO]: This information is used to shape Next.js' roadmap and prioritize features.
                                 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
                                 https://nextjs.org/telemetry
2024-06-27T10:03:10.775Z [INFO]: ▲ Next.js 14.2.4
2024-06-27T10:03:10.775Z [INFO]: 
2024-06-27T10:03:10.854Z [INFO]: Creating an optimized production build ...
2024-06-27T10:03:13.077Z [WARNING]: Warning: You're using `next/head` inside the `app` directory, please migrate to the Metadata API. See https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#step-3-migrating-nexthead for more details.
2024-06-27T10:03:26.585Z [WARNING]: ⚠ Compiled with warnings
2024-06-27T10:03:26.591Z [WARNING]: ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (process.nextTick at line: 351) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (setImmediate at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (setImmediate at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (process.nextTick at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
2024-06-27T10:03:40.637Z [INFO]: ✓ Compiled successfully
2024-06-27T10:03:40.642Z [INFO]: Linting and checking validity of types ...
2024-06-27T10:03:45.893Z [INFO]: Collecting page data ...
2024-06-27T10:03:47.701Z [INFO]: Generating static pages (0/15) ...
2024-06-27T10:03:48.067Z [WARNING]: Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
                                    Error occurred prerendering page "/500". Read more: https://nextjs.org/docs/messages/prerender-error
                                    Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
2024-06-27T10:03:48.068Z [INFO]: Generating static pages (3/15)
2024-06-27T10:03:48.188Z [WARNING]: Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
                                    Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error
                                    Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
2024-06-27T10:03:48.214Z [WARNING]: TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908) {
                                    digest: '3984810264'
                                    }
                                    TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    Error occurred prerendering page "/_not-found". Read more: https://nextjs.org/docs/messages/prerender-error
                                    TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
.
.
.
.
.
.
.
2024-06-27T10:03:48.432Z [INFO]: ✓ Generating static pages (15/15)
2024-06-27T10:03:48.437Z [WARNING]: 
2024-06-27T10:03:48.437Z [WARNING]: > Export encountered errors on following paths:
                                    /_error: /404
                                    /_error: /500
                                    /_not-found/page: /_not-found
                                    /client-side/page: /client-side
                                    /dashboard/page: /dashboard
                                    /example/page: /example
                                    /login/page: /login
                                    /page: /
                                    /profile/page: /profile
                                    /register/page: /register
2024-06-27T10:03:48.470Z [WARNING]: error Command failed with exit code 1.
2024-06-27T10:03:48.470Z [INFO]: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
2024-06-27T10:03:48.483Z [ERROR]: !!! Build failed
2024-06-27T10:03:48.483Z [INFO]: Please read more about Amplify Hosting's support for SSR frameworks to find if your build failure is related to an unsupported feature: https://docs.aws.amazon.com/amplify/latest/userguide/amplify-ssr-framework-support.html. You may also find this troubleshooting guide useful: https://docs.aws.amazon.com/amplify/latest/userguide/troubleshooting-ssr-deployment.html
2024-06-27T10:03:48.483Z [ERROR]: !!! Error: Command failed with exit code 1
2024-06-27T10:03:48.483Z [INFO]: # Starting environment caching...
2024-06-27T10:03:48.483Z [INFO]: # Environment caching completed
``````bat
024-06-27T10:03:09.774Z [INFO]: # Completed phase: preBuild
                                 # Starting phase: build
                                 # Executing command: yarn run build
2024-06-27T10:03:09.931Z [INFO]: yarn run v1.22.19
2024-06-27T10:03:09.954Z [INFO]: $ next build
2024-06-27T10:03:10.026Z [WARNING]: ⚠ You are using a non-standard "NODE_ENV" value in your environment. This creates inconsistencies in the project and is strongly advised against. Read more: https://nextjs.org/docs/messages/non-standard-node-env
2024-06-27T10:03:10.693Z [INFO]: ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
2024-06-27T10:03:10.707Z [INFO]: Attention: Next.js now collects completely anonymous telemetry regarding usage.
2024-06-27T10:03:10.708Z [INFO]: This information is used to shape Next.js' roadmap and prioritize features.
                                 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
                                 https://nextjs.org/telemetry
2024-06-27T10:03:10.775Z [INFO]: ▲ Next.js 14.2.4
2024-06-27T10:03:10.775Z [INFO]: 
2024-06-27T10:03:10.854Z [INFO]: Creating an optimized production build ...
2024-06-27T10:03:13.077Z [WARNING]: Warning: You're using `next/head` inside the `app` directory, please migrate to the Metadata API. See https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#step-3-migrating-nexthead for more details.
2024-06-27T10:03:26.585Z [WARNING]: ⚠ Compiled with warnings
2024-06-27T10:03:26.591Z [WARNING]: ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (process.nextTick at line: 351) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (setImmediate at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (setImmediate at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    A Node.js API is used (process.nextTick at line: 352) which is not supported in the Edge Runtime.
                                    Learn more: https://nextjs.org/docs/api-reference/edge-runtime
                                    Import trace for requested module:
                                    ./node_modules/bcryptjs/dist/bcrypt.js
                                    ./auth.ts
2024-06-27T10:03:40.637Z [INFO]: ✓ Compiled successfully
2024-06-27T10:03:40.642Z [INFO]: Linting and checking validity of types ...
2024-06-27T10:03:45.893Z [INFO]: Collecting page data ...
2024-06-27T10:03:47.701Z [INFO]: Generating static pages (0/15) ...
2024-06-27T10:03:48.067Z [WARNING]: Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
                                    Error occurred prerendering page "/500". Read more: https://nextjs.org/docs/messages/prerender-error
                                    Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
2024-06-27T10:03:48.068Z [INFO]: Generating static pages (3/15)
2024-06-27T10:03:48.188Z [WARNING]: Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
                                    Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error
                                    Error: <Html> should not be imported outside of pages/_document.
                                    Read more: https://nextjs.org/docs/messages/no-document-import-in-page
                                    at Z (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430)
                                    at I (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/682.js:6:1263)
                                    at renderWithHooks (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
                                    at renderIndeterminateComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
                                    at renderNodeDestructiveImpl (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
                                    at renderNodeDestructive (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
                                    at finishClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5688:3)
                                    at renderClassComponent (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5696:3)
                                    at renderElement (/codebuild/output/src3157314800/src/Prod-App/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5954:7)
2024-06-27T10:03:48.214Z [WARNING]: TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908) {
                                    digest: '3984810264'
                                    }
                                    TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    Error occurred prerendering page "/_not-found". Read more: https://nextjs.org/docs/messages/prerender-error
                                    TypeError: Cannot read properties of null (reading 'useContext')
                                    at t.useContext (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:109363)
                                    at d (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:21495)
                                    at h (/codebuild/output/src3157314800/src/Prod-App/.next/server/chunks/317.js:1:13448)
                                    at au (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:10446)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:15122
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
                                    at a_ (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:49776)
                                    at ab (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:11808)
                                    at /codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16871
                                    at aw (/codebuild/output/src3157314800/src/Prod-App/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:16908)
.
.
.
.
.
.
.
2024-06-27T10:03:48.432Z [INFO]: ✓ Generating static pages (15/15)
2024-06-27T10:03:48.437Z [WARNING]: 
2024-06-27T10:03:48.437Z [WARNING]: > Export encountered errors on following paths:
                                    /_error: /404
                                    /_error: /500
                                    /_not-found/page: /_not-found
                                    /client-side/page: /client-side
                                    /dashboard/page: /dashboard
                                    /example/page: /example
                                    /login/page: /login
                                    /page: /
                                    /profile/page: /profile
                                    /register/page: /register
2024-06-27T10:03:48.470Z [WARNING]: error Command failed with exit code 1.
2024-06-27T10:03:48.470Z [INFO]: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
2024-06-27T10:03:48.483Z [ERROR]: !!! Build failed
2024-06-27T10:03:48.483Z [INFO]: Please read more about Amplify Hosting's support for SSR frameworks to find if your build failure is related to an unsupported feature: https://docs.aws.amazon.com/amplify/latest/userguide/amplify-ssr-framework-support.html. You may also find this troubleshooting guide useful: https://docs.aws.amazon.com/amplify/latest/userguide/troubleshooting-ssr-deployment.html
2024-06-27T10:03:48.483Z [ERROR]: !!! Error: Command failed with exit code 1
2024-06-27T10:03:48.483Z [INFO]: # Starting environment caching...
2024-06-27T10:03:48.483Z [INFO]: # Environment caching completed

Describe how you'd like this feature to work

N/A
@mashwishi mashwishi added the feature-request New feature or request label Jun 27, 2024
@github-actions GitHub Actions
Copy link

This has been identified as a feature request. If this feature is important to you, we strongly encourage you to give a 👍 reaction on the request. This helps us prioritize new features most important to you. Thank you!

@mauerbac
Copy link
Member

Hello - thanks for reaching out! Are you able to create a support case with AWS?

@mauerbac mauerbac added question Further information is requested and removed feature-request New feature or request labels Jun 27, 2024
@mashwishi
Copy link
Author

Hello - thanks for reaching out! Are you able to create a support case with AWS?

Hi, I haven't created a support case yet as I find the dashboard console somewhat overwhelming.

I used to host react apps at vercel but vercel is expensive.

@mauerbac
Copy link
Member

Sorry to hear that! Let me ask you -- what is your current issue with Amplify Hosting? Can you try to deploy your app again?

@mashwishi
Copy link
Author

Sorry to hear that! Let me ask you -- what is your current issue with Amplify Hosting? Can you try to deploy your app again?

  1. It gives me errors to the pages that dont exist in the files /404 and /500
  2. Also give an error that exist only in Page directory Error: <Html> should not be imported outside of pages/_document. I am using App directory btw. I already raised the issue to next.js and they check the code is fine.
  3. Building in local, vercel and Netlify have no issues except for Amplify the log is attached above

@mauerbac
Copy link
Member

What is your appID?

@mashwishi
Copy link
Author

mashwishi commented Jun 28, 2024 •
edited
Loading

What is your appID?

That's weird, i tried it today i deleted the old deployment and created a new project and now it worked.

image

@github-actions GitHub Actions
Copy link

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.

@mashwishi
Copy link
Author

@mauerbac not sure why it worked, i didnt change anything at the code but yea could be cache issue or something

@github-actions GitHub Actions
Copy link

This issue has been automatically locked.

@github-actions github-actions bot added the archived This issue has been locked. label Jun 28, 2024
@github-actions github-actions bot locked and limited conversation to collaborators Jun 28, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
archived This issue has been locked. question Further information is requested
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@mauerbac @mashwishi