Question

我已经建立了一个简单的反应项目。我正在使用webpack，我发现错误GET http://localhost:3001/bundle.js 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>

我的文件夹结构

Answer 1

谢谢你们所有人。我解决了问题，问题在于运行webpack命令然后运行服务器。

Answer 2

因为公共文件夹中有bundle,js，请再次检查名称

Answer 3

根据您的文件夹结构，您的＆＃39;捆绑，js＆＃39;包含逗号（，）这应该是点（。）更改你的index.html中的bundle.js名称，如果它的错误。或者，转到您的webpack-config文件并检查＆＃39;输出＆＃39;文件名，必须有一些错误。或者，如果您是动态创建它，那么在那里更改它。

ReactJS：未找到webpack Bundle.js（404）

3 个答案: