Reactjs 未找到bundle.js,正在浏览器上获取404
无法找到bundle.js文件。 获取404错误时,在浏览器上找不到/dist/bundle.js。但是存在dist目录,我可以看到其中的bundle.js文件。问题可能出在我的webpack.config.js文件上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 = {
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
加载