Код Vue не отображается с помощью Webpack Bundle Tracker (Django)

Я запускаю и vue, и django. Я установил webpack_loader и включил его в установленные приложения. У меня есть WEBPACK_LOADER в settings.py

      WEBPACK_LOADER = {
        'DEFAULT': {
            'BUNDLE_DIR_NAME': 'dist/',
            'STATS_FILE': os.path.join(BASE_DIR, 'frontend', 'webpack-stats.json'),
        }
}

frontend - это имя при создании vue. Вот еще несколько деталей KeyError в / 'assets' и ModuleNotFoundError: нет модуля с именем 'webpack_loader'

Источник моей страницы с http: // localhost:8000 / выглядит так

      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QuestionTime</title>
</head>
<body>
    
    <h1>Vue JS</h1>

    <noscript>
        <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    
    <!-- built files will be auto injected -->
    <script type="text/javascript" src="http://0.0.0.0:8080/bundle.js" ></script>

</body>
</html>

Источник моей страницы с http: // localhost:8080 / выглядит так

      <!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="/favicon.ico">
    <title>hello-vue</title>
  <link href="/js/about.js" rel="prefetch"><link href="/js/app.js" rel="preload" as="script"><link href="/js/chunk-vendors.js" rel="preload" as="script"></head>
  <body>
    <noscript>
      <strong>We're sorry but hello-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="/js/chunk-vendors.js"></script><script type="text/javascript" src="/js/app.js"></script></body>
</html>
Источник

1 ответ

Просто начал работать Сегодня я ничего не делал, и он начал работать. Пробовал 2 раза сделать новый проект с тем же кодом, заново все скачивал.

Не работает. Но потом мой код vue внезапно перестал работать. Я включал и выключал сервер. И тут я увидел, что мой код vue обновился. Затем я зашел на localhost:8000, чтобы посмотреть, работает ли он, и это сработало.

Я верю, что Бог исправил это. Не уверен, что еще это было бы.

Источник
Другие вопросы по тегам