fix: add pages/_error and _document to fix Html import in build

2026-04-01 04:56:21 +00:00
parent 22c1df67c1
commit fca3194801
2 changed files with 26 additions and 0 deletions
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -0,0 +1,12 @@
+import { Html, Head, Main, NextScript } from 'next/document';
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
--- a/pages/_error.tsx
+++ b/pages/_error.tsx
@@ -0,0 +1,14 @@
+// Custom error page — prevents Html import issue in Next.js pages router
+export default function Error({ statusCode }: { statusCode?: number }) {
+  return (
+    <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
+      <h1>{statusCode || 'Error'}</h1>
+      <p>{statusCode === 404 ? 'Page not found' : 'An error occurred'}</p>
+    </div>
+  );
+}
+
+Error.getInitialProps = ({ res, err }: any) => {
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+  return { statusCode };
+};