Je suis nouveau pour réagir. J'ai essayé de convertir mon application MEAN stack en une application express et reactjs, mais j'ai du mal à faire entrer correctement mes fichiers de construction. Il semble que mon serveur charge mon fichier index.html à la place de mes fichiers js. Quelqu'un peut-il m'aider à comprendre pourquoi?
J'ai l'erreur suivante dans mon main.js dans le navigateur: Uncaught SyntaxError: Unexpected token <
Mes fichiers sont intégrés dans un dossier de construction qui est un frère de mon fichier server.js. mon site Web (racine) -src (f) -build (f) -server.js -public (f)
Voici mon serveur.js
require('./server/config/config');
// Get dependencies
const express = require('express');
const morgan = require('morgan');
const path = require('path');
const http = require('http');
const bodyParser = require('body-parser');
const api = require('./server/routes/api');
const compression = require('compression')
const app = express();
app.use(compression());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(morgan(':remote-addr - :remote-user [:date[clf]] ":method :url
HTTP/:http-version" :status :res[content-length] :response-time ms'));
// Serve static assets
app.use(express.static(path.join(__dirname, 'build')));
app.use(express.static(path.join(__dirname, 'public')));
app.use('/api', api);
app.get('/robots.txt', function (req, res) {
res.type('text/plain');
res.send("User-agent: *\nDisallow: /");
});
// Always return the main index.html
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'build', 'index.html'));
});
const port = process.env.PORT || '3001';
app.set('port', port);
const server = http.createServer(app);
server.listen(port, () => console.log(`API running on
localhost:${port}`));
module.exports = app;
voici l'index généré.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-
fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="/brookeclonts/brookeclonts.com/manifest.json">
<link rel="shortcut
icon" href="/brookeclonts/brookeclonts.com/favicon.ico">
<title>React App
</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="text/javascript" src="/brookeclonts/brookeclonts.com/static/js/main.9ffbadeb.js">
</script>
</body>
</html>
Faites-moi savoir si vous voyez quelque chose que je ne vois pas. Je tourne en rond. Merci d'avance!
Ce qui a été affiché ici était proche de la réponse. Merci de votre aide à tous! Mon vrai problème était que j'avais oublié le fichier .htaccess. Voir: https://github.com/facebook/create-react-app/issues/1171 et https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/ Déploiement de README.md #
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots