Boa noite, estou com problema nas páginas quando dou o comando pnpm --filter @dev-demands/web run start, as páginas ficam em branco (home, sign-in)…
Quando dou apenas o comando pnpm --filter @dev-demands/server run start, dá o erro abaixo:
Vi um tópico sobre essa questão (ele foi fechado), porém não consegui resolver seguindo os passos lá constantes…
Seguem alguns dos arquivos (acredito que o erro esteja em algum deles, mas se precisarem de outro, eu encaminho também):
- Main:
import express, { response } from 'express';
const server = express();
server.get('/status', (_, response) => {
response.send({
status: 'Okay',
});
});
server.post('/authenticate', express.json(), (request, response) => {
console.log(
'E-Mail', request.body.email,
'Senha', request.body.password
);
response.send();
});
// rotas são o que vem após a "barra" (/) em um link
const PORT = process.env.PORT ? parseInt(process.env.PORT) : 8000;
const HOSTNAME = process.env.HOSTNAME || '127.0.0.1';
server.listen(PORT, HOSTNAME, () => {
console.log(`Server is listening at http://${HOSTNAME}:${PORT}.`);
});
- Home:
export default function Home() {
return <h1>Home</h1>
}
- Sign-in:
export default function Signin() {
return (
<form action="/authenticate" method="post">
<fieldset>
<label for="email">E-mail:</label>
<input id="email" type="email" inputmode="email" name="email" autocomplete="username" />
</fieldset>
<fieldset>
<label for="password">Senha: </label>
<input id="password" type="password" name="password" autocomplete="current-password" />
</fieldset>
<button type="submit">Entrar</button>
</form>
);
}
- Router:
import { Routes, Route, BrowserRouter } from 'react-router-dom';
import Home from './pages/Home';
import Signin from './pages/Signin';
export default function Router() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/sign-in" element={<Signin />} />
</Routes>
</BrowserRouter>
);
}
- Package.json - que está dentro do SERVER/SRC:
"name": "@dev-demands/server",
"version": "1.0.0",
"private": true,
"main": "src/main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node -r esm ."
},
"author": "",
"license": "ISC",
"devDependencies": {
"esm": "^3.2.25"
},
"dependencies": {
"express": "^4.18.1"
}
}
Segue também a tela, para verem como estão as pastas…
