时间戳

首页 > 解决方案 > bundle.js 未找到，在浏览器上得到 404

reactjs - bundle.js 未找到，在浏览器上得到 404

问题描述

找不到 bundle.js 文件。出现 404 错误，在浏览器上找不到 /dist/bundle.js。但是存在 dist 目录，我可以看到其中的 bundle.js 文件。可能是什么问题，给定的是我的 webpack.config.js 文件。

const path = require("path");
const webpack = require("webpack");
const bundlePath = path.resolve(__dirname, "/dist/");

module.exports = {
  entry: "./src/index.js",
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        options: { presets: ['env'] }
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }
    ]
  },
  resolve: { extensions: ['*', '.js', '.jsx'] },
  output: {
    publicPath: bundlePath,
    filename: "bundle.js"
  },
  devServer: {
    contentBase: path.join(__dirname,'public'),
    port: 3000
  },
  plugins: [ new webpack.HotModuleReplacementPlugin() ]
};

标签： reactjswebpack

解决方案

这是因为服务器是从/public/（通过contentBase属性）提供的。

您需要删除contentBase，以便默认情况下加载脚本bundlePath。

推荐阅读