Acabei de começar a criar um Next.jsaplicativo e, por algum motivo, recebo 404 em todas as páginas que carrego. Eu tentei fazer páginas aleatórias como, myRandommas ainda não funciona! E parece que está me redirecionando para 404, mas não sei
Localização:app -> myRandom.js
URL:http://localhost:3000/myRandom/
Terminal:
Compiling /myRandom ...
✓ Compiled /myRandom in 895ms (247 modules)
○ Compiling /not-found ...
✓ Compiled /not-found in 971ms (471 modules)
meuRandom.js:
import React from 'react'
const MyRandom = () => {
return (
<div>
random
</div>
)
}
export default MyRandom
layout.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
No próximo js para a rota, você precisa criar uma pasta nessa pasta e criar um arquivo com um nome page.js como src->app->myRandom-> page.js .
quando você clicar em http://localhost:3000/myRandom, isso será carregado.
abaixo é dado um exemplo de página de contato
por exemplo.