A página me retorna :
Module not found: Error: Can't resolve 'routes.js' in '/home/aluno/Documentos/jose/frontend/cinetag/src'
Did you mean './routes.js'?
Requests that should resolve in the current directory need to start with './'.
Requests that start with a name are treated as module requests and resolve within module directories (node_modules, /home/aluno/Documentos/jose/frontend/cinetag/node_modules).
If changing the source code is not an option there is also a resolve options called 'preferRelative' which tries to resolve these kind of requests in the current directory too.
Porém se eu alterar isso, muda para outra e outra importação...
O index,js...src é
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import AppRoutes from 'routes.js';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<AppRoutes />
</React.StrictMode>
);
O route.js é
import Begin from "pages/Begin";
import { BrowserRouter, Route, Routes } from "react-router-dom";
function ``AppRoutes(){
return(
<BrowserRouter>
<Routes>
<Route path="/" element={<Begin />}></Route>
</Routes>
</BrowserRouter>
)
}
export default AppRoutes;
e o index.js...dentro da pages/Begin é
import React from 'react';
function Begin() {
return (
<h1>Hey there, its coming</h1>
);
}
export default Begin;
