Django webpack Loader / webpack5 / vue3 не может рендерить main.js в production

Я пытаюсь развернуть свое простое приложение с Django 3 бэкендом и Vue 3 фронтендом. Я использую webpack-loader и webpack5, но я не могу получить main.js файл, созданный в vue3 с помощью webpack.

в Django настройках

CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = ("http://localhost:8080",)
WEBPACK_LOADER = {
    'DEFAULT': {
        'CACHE': not DEBUG,
        'BUNDLE_DIR_NAME': 'dist/',  # must end with slash
        'STATS_FILE': '/home/ytsejam/public_html/medtourism/medtourism/frontend/webpack-stats.json',
        'POLL_INTERVAL': 0.1,
        'TIMEOUT': None,
        'IGNORE': [r'.+\.hot-update.js', r'.+\.map'],
        'LOADER_CLASS': 'webpack_loader.loader.WebpackLoader',
    }
}

в webpack.config.json:

module.exports = (env = {}) => {
  return {
    mode: 'production',
    devtool:  'source-map',
    entry: path.resolve(__dirname, './src/main.ts'),
    output: {
      path: path.resolve(__dirname, './dist/'),
      filename: "main.js",
      clean: true
    },
    module: {
      rules: [
        ...
      ]
    },
    resolve: {
      ...
    },
    plugins: [
      new VueLoaderPlugin(),
      new BundleTracker({
        filename: './webpack-stats.json',
        publicPath: 'http://localhost:8080/'
      }),
      new HtmlWebpackPlugin({
       title: 'Production',
      }),
    ],
    devServer: {
      headers: {
        "Access-Control-Allow-Origin":"\*"
      },
      hot: true,
      https: true,

      client: {
        overlay: true,
      },
    }
  };
}

В инструментах разработчика ответ на запрос выглядит так:

Request URL: http://localhost:8080/main.js
Referrer Policy: no-referrer-when-downgrade

Я прочитал все документы, не смог найти решение. вы можете мне помочь?

Спасибо

Вернуться на верх