2017-07-04 14 views
0

私はエクスプレスサーバを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

ヘルプコメントのヒントを評価しています。

folder-structure

答えて

1

あなたは/static/js/bundle.jsを取得しようとしているが、static/jsにはbundle.jsはありません。

私はあなたのWebPACKの設定は、それはまだ同じであるmain.[hash].js

+0

を構築しながら、bundle.jsにしようとindex.htmlを使用しようとしていると思います。また、私は質問を更新しました。 – owaishanif786

+0

私の更新された答えをチェックしてください。 –

+0

は完全に動作します。以前は反応ビルドによって正確に生成されたsrcファイルをハードコードしていました。実際には、元のパスが "main.js"のmanifest.jsonからファイルを選んでいます: "static/js/main.4c2d71c3.js"、 – owaishanif786

関連する問題