私はエクスプレスサーバをcreate-react-appで設定しています。Expressjs静的なjavascriptファイルがロードされていません
私はそれは私のホームページのHTMLを示し、エラーをクリックすると、コンソールで私は
Uncaught SyntaxError: Unexpected token < bundle.js:1
を取得しています。 モーガン・ロガーを使用している間、私に200を与えました。
GET /static/js/bundle.js 304 1.145 ms - -
私はCSSのリンク上のソースのクリックを表示するときにクリックがjavascriptのリンク上で、それは空白のページ(ホームページHTML)私を示しながらも、それは私のCSSを示しています。
ここにサーバーコードを示します。
var express = require('express');
var bodyParser = require('body-parser');
var logger = require('morgan');
var path = require ('path');
var data = {};
express()
.use(logger('dev'))
.use(express.static(path.join(__dirname, 'flashcard-app/build')))
.use(bodyParser.json())
.get('/api/test', (req, res) => res.json("Great news every thing is working fine."))
.get('/api/data', (req, res) => res.json(data))
.post('/api/data', (req, res) => res.json(data = req.body))
.get('*', function(req, res) {
console.log('serving path:', path.join(__dirname+'/flashcard-app/build/index.html'));
res.sendFile(path.join(__dirname, 'flashcard-app/build/index.html'));
})
.listen(3333, function(){
console.log('server running at 3333');
});
また、これはexpress-generatorによって提供されていないカスタムserver.jsファイルです。私はnode server_old.js
の代わりに./bin/www
ヘルプコメントのヒントを評価しています。
を構築しながら、
bundle.js
にしようとindex.html
を使用しようとしていると思います。また、私は質問を更新しました。 – owaishanif786私の更新された答えをチェックしてください。 –
は完全に動作します。以前は反応ビルドによって正確に生成されたsrcファイルをハードコードしていました。実際には、元のパスが "main.js"のmanifest.jsonからファイルを選んでいます: "static/js/main.4c2d71c3.js"、 – owaishanif786