ReactJS：webpack Bundle.js not found（404）

-1

私は簡単な反応プロジェクトを設定しました。私はここでReactJS：webpack Bundle.js not found（404）

`{ 
    "name": "hello-react", 
    "version": "1.0.0", 
    "description": "simple react app", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "MIT", 
    "dependencies": { 
    "express": "^4.13.4", 
    "react": "^0.14.7", 
    "react-dom": "^0.14.7" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.5.1", 
    "babel-loader": "^6.2.2", 
    "babel-preset-es2015": "^6.5.0", 
    "babel-preset-react": "^6.5.0", 
    "webpack": "^1.12.13" 
    } 
}`

がserver.jsである私のpackage.jsonファイルIは、エラーがhttp://localhost:3001/bundle.js 404（見つかりません）しかし、ここで

パブリックフォルダに生成されbundle.js GET geting午前、WebPACKのをされて使用しています

var express = require('express'); 
// Create our app 
var app = express(); 

app.use(express.static('public')); 

app.listen(3001,function(){ 
    console.log('server is up on 3001'); 
});

index.htmlを

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="UTF-8"/> 
</head> 

<body> 
    <div id="app"></div> 

    <script src="bundle.js"></script> 
</body> 

</html>

私のフォルダ構造

出典

2017-07-03 Pratik N

パブリックフォルダにbundle,jsを持っているので、あなたのフォルダ構造によれば、再び

出典

2017-07-03 07:06:28

はい、しかし、公開/ドットのあなたは（ ''）代わりにカンマを使用し、ホームディレクトリ –

です（ '.'） –

おかげで、Rishabh、それはカンマではなかったが、 –

を名前を確認し、あなたの「バンドル、jsは」コンマ（、）が含まれ、これはドットでなければなりません（。）あなたのバンドルを変更します。あなたのindex.htmlのjs名が間違っている場合。または、webpack-configファイルに行き、 'output'ファイル名を確認してください。何らかのエラーがあるはずです。動的に作成する場合は、そこで変更してください。

出典

2017-07-03 10:00:18 Upasana

おかげで、Upasanaように見えます、しかしカンマではありませんでした –

ありがとう皆さん。問題を解決しました。問題はwebpackコマンドを実行してからサーバーを実行していたためです。

出典

2017-07-04 06:38:16

ReactJS：webpack Bundle.js not found（404）

答えて

関連する問題