小编Fre*_*One的帖子

几天前，我重新安装了 Windows 10。我正在开发以 express 作为后端和 React.js 作为前端的全栈 Web 应用程序。我正在使用 nodemon 为前端重新分配服务器和 webpack-dev-server。值得一提的是，我使用的是 WSL2。我注意到 nodemon 在保存文件时没有反应。我不得不手动输入rs重新加载。一开始以为是nodemon的问题。在这里寻找类似的问题，但我发现的只是--watch，这没有帮助。并不是说我尝试过 webpack 并且问题仍然存在我一无所知。这是一些有用的信息： webpack 命令: webpack-dev-server --host 0.0.0.0 --config ./webpack.config.js --mode development。

webpack.config.js :

module.exports = {
    entry: ["babel-polyfill", "./app/index.jsx"],
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: ["babel-loader"],
            },
            { test: /\.css$/, use: ["style-loader", "css-loader"] },
            {
                test: /\.(jpg|png|svg)$/,
                loader: "file-loader",
                options: {
                    name: "[path][name].[hash].[ext]",
                },
            },
        ],
    },
    resolve: {
        alias: {
            components: __dirname + "/app/components", …

我已经使用 React Router V4 和 V5 测试了下面描述的所有内容。在 V4 中错误只是 404，但在 V5 中还包括 net::ERR_ABORTED。

我正在使用 React 路由器创建一个 React 应用程序。我需要有一条/test路线和/test/:param1/:param2路线。

第一条路线没问题，但是当我创建第二条路线并将浏览器导航到时，localhost:8080/test/something/something2我收到一个空白页面，控制台中出现错误，指出它失败了GET localhost:8080/test/something/index.js。

我正在使用 webpack 和 webpack-dev-server。然后我测试了更多：

1. 尝试将第二条路线放入第一个路线的组件内。
2. 尝试简化到 /test/:param1 的路线，但这也不起作用。
3. 然后我尝试了正常的一级嵌套路由 /test/test2（无参数），但标题中仍然出现错误。

我还配置了一个404页面，但仅当路径为 1 level: 时才会显示/{something that does't exist}。如果我导航到/{something}/{something more}我会得到同样的结果ERR_ABORTED。

由于某种我未知的原因，浏览器会尝试这样做GET /test/index.js，但这显然不存在。

我花了一天时间浏览文章、教程和 React 路由器文档，但嵌套路由到处都可以工作。事实上，这个错误绝对没有任何问题。

Edit1：经过更多测试后，我已经能够将问题缩小到一个问题：如何配置react-router以始终在{domain，localhost：port} /index.js中查找捆绑包？

Edit2：用 V6 的测试版测试它 - 相同的结果。