Я имею не могу получить / путь от маршрутизатора реакции. Это мой файл веб-пакета. Что мне нужно изменить, чтобы это работало даже для url / path1 / path2

const HtmlWebPackPlugin = require("html-webpack-plugin"); module.exports = { module: { rules: [ { test: /.(js|jsx)$/, exclude: /node_modules/, use: { loader: "babel-loader" } }, { test: /.html$/, use: [ { loader: "html-loader" } ] } ] }, plugins: [ new HtmlWebPackPlugin({ template: "./src/index.html", filename: "./index.html" }) ] }; 

 const HtmlWebPackPlugin = require("html-webpack-plugin"); module.exports = { module: { // add outputs output: { publicPath: '/', }, rules: [ { test: /.(js|jsx)$/, exclude: /node_modules/, use: { loader: "babel-loader" } }, { test: /.html$/, use: [ { loader: "html-loader" } ] } ] }, plugins: [ new HtmlWebPackPlugin({ template: "./src/index.html", filename: "./index.html" }) ] }; 

надеюсь это поможет.

Для тех, у кого была такая же проблема, я исправил ее, определив точку входа, вывод, сделав historyAPIFullback как true

 var path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'index_bundle.js', publicPath: '/' }, module: { rules: [ { test: /.(js)$/, use: 'babel-loader' }, { test: /.css$/, use: [ 'style-loader', 'css-loader' ]} ] }, devServer: { historyApiFallback: true, }, plugins: [ new HtmlWebpackPlugin({ template: 'src/index.html' }) ] };