2017-07-03 119 views
-1

我建立了一個簡單的反應項目。我使用的是的WebPack,我歌廳錯誤GET http://localhost:3001/bundle.js 404(未找到),但是bundle.js公用文件夾ReactJS:webpack Bundle.js找不到(404)

在這裏生成是我的package.json文件

`{ 
    "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

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> 

我的文件夾結構 enter image description here

回答

0

,因爲你的公共文件夾中有bundle,js,檢查名稱再次

+0

肯定的,但/公衆是你用逗號,而不是主目錄 –

+0

('')點('.') –

+0

謝謝,RISHABH,這不是逗號但它似乎是 –

0

根據您的文件夾結構,你的「捆綁,JS」包含逗號(,)這應該是點(。)改變你的包。 js在您的index.html中的名稱如果它錯了。或者,去你的webpack-config文件並檢查'輸出'文件名,一定有一些錯誤。或者,如果您正在動態創建它,請在那裏更改它。

+0

謝謝,Upasana,但它似乎不是逗號 –

0

謝謝你們所有人。 我解決了問題,問題出在運行webpack命令,然後運行服務器。