Javascript React路由器v4 broswer历史记录不使用代码拆分

当使用hash history时，代码拆分可用于react router，但现在我即将投入生产，我想切换到浏览器历史，当我尝试更改路由时，会出现错误，例如，如果我尝试转到登录路由127.0.0.1:8080/auth/login：

拒绝从中执行脚本 “”因为它是MIME类型 （'text/html'）不可执行，并且需要严格的MIME类型检查 启用

及

未捕获（承诺中）错误：加载区块3失败。（错误： ) 在HTMLScriptElement.onScriptComplete（引导：108）

这是我的路由器

<Router history={history}>
    <ConnectApp />
</Router>

webpack.dev.config.js

module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        historyApiFallback: true
    }, 
    plugins: [
        new BundleAnalyzerPlugin()
    ]
}

*如果还有任何代码需要添加，请在注释中注明

谢谢

将

公共路径：“/”

添加到配置中：

module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        historyApiFallback: true
    }, 
    plugins: [
        new BundleAnalyzerPlugin()
    ],

    output: {
        path: path.resolve('dist'),
        filename: '[name].bundle.js',
        chunkFilename: '[name].bundle.js',
        publicPath: '/' // Add this line
    },
}

---

您的产品网页包配置是什么？你在dev中有这个问题吗？还是只生产？你说当你“投入生产”时问题就存在了，我已经解决了。我没有在我的配置中添加

publicPath:“/”

，您可以回答自己的问题以帮助他人，或者编辑我的问题以更好地帮助他人。干杯

module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        historyApiFallback: true
    }, 
    plugins: [
        new BundleAnalyzerPlugin()
    ]
}

module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        historyApiFallback: true
    }, 
    plugins: [
        new BundleAnalyzerPlugin()
    ],

    output: {
        path: path.resolve('dist'),
        filename: '[name].bundle.js',
        chunkFilename: '[name].bundle.js',
        publicPath: '/' // Add this line
    },
}