Ошибка 'Refused to execute script' при переходе по адресной строке, почему и как исправить?

Question

[Swaerok]

Вот такую ошибку выдает


Эта ошибка возникает, когда в адресной строке я ввожу localhost:3000/home/, но если я удалю второй '/', и получится localhost:3000/home, то приложение запускается бзе ошибок, и без компонента, ибо так прописано в роуте.
Вот сам роут

<Routes>
   <Route path="/home/:id" element={<Home />} />
</Routes>

Вот мой вебпак конфиг

module.exports = {
  mode: 'development',
  entry: path.resolve(__dirname, 'src/index.js'),
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'main.js',
    assetModuleFilename: 'assets/[name][ext]',
  },
  devtool: 'source-map',
  devServer: {
    static: {
      directory: path.resolve(__dirname, 'dist'),
    },
    port: 3000,
    open: true,
    hot: true,
    compress: true,
    historyApiFallback: true,
  },

Не могу разобраться, в чем причина ошибка и как её пофиксить

Answer 1

[Swaerok]

Решил проблему, в html файле в шапку добавил <base href="/" /> , но если кто может объяснить, что это было и норм ли так фиксить, буду благодарен