Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 未找到bundle.js,正在浏览器上获取404_Reactjs_Webpack - Fatal编程技术网

Reactjs 未找到bundle.js,正在浏览器上获取404

Reactjs 未找到bundle.js,正在浏览器上获取404,reactjs,webpack,Reactjs,Webpack,无法找到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 = {

无法找到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() ]
};

这是因为服务器由
/public/
(通过属性)提供服务

您需要删除
contentBase
,这样默认情况下脚本将从
bundlePath
加载