我刚刚开始构建一个Next.js应用程序，由于某种原因，我加载的每个页面上都会出现 404 错误。我尝试过制作随机页面，例如myRandom但仍然不起作用！看起来它正在将我重定向到 404，但我不知道
地点：app -> myRandom.js
网址：http://localhost:3000/myRandom/
终端：
Compiling /myRandom ...
✓ Compiled /myRandom in 895ms (247 modules)
○ Compiling /not-found ...
✓ Compiled /not-found in 971ms (471 modules)
myRandom.js：
import React from 'react'
const MyRandom = () => {
return (
<div>
random
</div>
)
}
export default MyRandom
布局.js：
'use client'
import StoreProvider from "@/redux/store/StoreProvider";
import "./globals.css";
import Head from "next/head";
// export const metadata = {
// title: "Create Next App",
// description: "Generated by create next app",
// };
export default function RootLayout({ children }) {
return (
<html lang="en">
<Head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<title></title>
</Head>
<body>
<StoreProvider >
{children}
</StoreProvider>
</body>
</html>
);
}
StoreProvider.js：
import React from 'react'
import { store } from './store'
import { Provider } from 'react-redux'
const StoreProvider = ({children}) => {
return (
<Provider store={store}>
{children}
</Provider>
)
}
export default StoreProvider
在路由的 Next js 中，您需要在该文件夹中创建一个文件夹，并创建一个名称为 page.js 的文件，例如 src->app->myRandom-> page.js 。
当您点击 http://localhost:3000/myRandom 时，它将加载。
下面给出了联系页面的示例
例如。