Javascript ReactJS:webpack Bundle.js未找到（404）_Javascript_Reactjs

Javascript ReactJS:webpack Bundle.js未找到（404）

javascript reactjs

Javascript ReactJS:webpack Bundle.js未找到（404）,javascript,reactjs,Javascript,Reactjs,我已经建立了一个简单的react项目。我正在使用一个网页包，我得到一个错误GET 404（未找到），但bundle.js是在公用文件夹中生成的这是我的package.json文件 `{ "name": "hello-react", "version": "1.0.0", "description": "simple react app", "main": "index.js", "scripts": { "test": "echo \"Error: no test

我已经建立了一个简单的react项目。我正在使用一个网页包，我得到一个错误GET 404（未找到），但bundle.js是在公用文件夹中生成的

这是我的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>

我的文件夹结构

因为您的公用文件夹中有

bundle，js

，请再次检查名称

根据您的文件夹结构，您的“bundle，js”包含逗号（，）这应该是点（。）如果在index.html中有错误，请更改bundle.js名称。或者，转到您的网页包配置文件并检查“输出”文件名，一定有错误。或者，如果您是动态创建的，请在此处进行更改。

谢谢大家。

我解决了这个问题，问题是运行一个webpack命令，然后运行一个服务器。

你用逗号代替了dot（

，

）的逗号（

，

）谢谢，Rishabh，它在beThanks，Upasana看来不是逗号，在beThanks，Upasana看来它不是逗号，在beThank看来它是谢谢你的！这对我有用。在运行npm之后运行build，然后运行我的服务器解决了这个问题。