Question

我已经开始了一个新的反应项目，我只有一些设置和文件。我的webpack.config.js看起来像这样：

module.exports = {
  entry: ['./src/index.js'],
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: ['react', 'es2015', 'stage-1']
        }
      }
    ]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './',
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000,
      port : 3000
    }
  }
};

当我在cli中运行node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js时。我得到了一些已经处理过的文件。输出中还有一个文件bundle.js：

bundle.js 917 kB 0 [emitted] main chunk {0} bundle.js (main) 890 kB [rendered] 并且还有几个文件，在输出的最后是：

webpack: Compiled successfully.

但是，我的文件中没有看到bundle.js文件，浏览器会抛出我：

GET http://letsreact.test/bundle.js 404 (Not Found)

我一直试图解决它 - 有些答案可能会在记忆中呈现，我不确定 - 我是新手做出反应。

我正在使用代客，但这无关紧要。我看到了类似的问题，但没有一个答案与我的问题不符。我正在使用webpack 4.8.3

Answer 1

尽量不要直接打开html文件（通过valet），但在cli输出中找到url - 类似于http://localhost:8080

bundle.js没有被渲染/ 404 bundle.js找不到

1 个答案: