Динамически загруженные компоненты Vue дают мне 404

Question

Динамически загружаемые компоненты Vue дают мне 404, даже если файлы правильно скомпилированы в папку dist с помощью веб-пакета.

Действительно трудно понять, почему - но из того, что я могу сказать, файл main.js ищет файлы относительно текущего пути URL-адреса, в котором он находится.

Конфигурация загрузчика Vue

module.exports = () => {
  return {
      test: /\.vue$/,
      use: {
          loader: 'vue-loader',
      }
  };
}

webpack.congifg

module.exports = () => ({
  entry: [
    './entry.js',
  ],
  devtool: 'source-map',
  resolve: { 
    extensions: ['.js', '.vue'],
    modules: [path.resolve(__dirname, './dist'), 'node_modules']
  },
  module: require('./webpack/module')(),
  plugins: require('./webpack/plugins')(),

});

Выход dist выглядит как

, когдаФайл main.js пытается загрузить файлы в (1.js, 1.css), пытается получить их относительно пути URL, например,

, а не пытается получить их из localhost / dist /.1.js пытается вытащить их относительно URL, т.е. localhost / blog / news / 1.js.