问题标签 [django-webpack-loader]

我想将 django 生成的 html 页面中的变量导入到我的 App.vue 组件中。

我的目标是传递一个字符串，它代表用户 AuthGroup，例如。'milkman','hairdresser'或'supplier'

错误消息如下所示：

模块解析失败：意外令牌 (1:1)

您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来 > 处理此文件。见https://webpack.js.org/concepts#loaders {% extends 'base.html' %} | {% 从 webpack_loader 加载 render_bundle %} | {% 加载导航标签 %}

前端.html

我不知道如何修改 webpack 或找到将变量从 django 导入 vue 项目的方法。仅供参考：vue 项目是大型 Django 环境的一小部分。

在我使用 设置vue前端后django webpack loader，媒体文件不会呈现。

设置.py

和urls.py

但是当我浏览媒体文件 url 时，图像没有呈现。当我注释掉这部分时，问题在于这一行的urlpatterns 。re_path(r'^.*$', IndexTemplateView.as_view(), name="entry-point")我可以看到图像。但我需要re_path前端视图。应该如何解决这个问题？

我部署了一个使用django webpack loader的 Django+VueJS 应用程序，以便在我的 Django 模板中呈现 Vue 应用程序。我使用 Nginx 和 Gunicorn 将应用程序部署到 DigitalOcean VPS，一切正常，但我对如何在生产中编辑组件有些疑问，因为我对 Vue 还很陌生

这是我的 vue.config：

所以为了部署 Vue 部分，我做了npm run build，npm 在我的静态目录中创建了一堆文件。现在，每次我编辑一个组件，为了在网络上看到变化，我npm run build每次都这样做，这需要一些时间。这是我应该怎么做的吗？还是有更短的方法？

我有一个带有前端和 django 后端的 CRA 应用程序。我react-app-rewired用来覆盖前端的 webpack 配置，以便保存 webpack-dev-server 的输出供 django 使用。

但我遇到了如下截图所示的问题。

下面是我的 override-config.js，它用于覆盖开箱即用的 CRA webpack 配置

奇怪的是前端产品构建没有这样的问题（运行yarn build然后localhost:8000在浏览器中打开，我可以正确获取前端）。以上Refuse to execute ...问题仅在我运行yarn start开发模式时发生。

这是我的 package.json

和 django frontend.html

django settings.py 中的相对部分

提前感谢您的帮助！！！

我正在开发一个 django webpack 包。我在 github 上有一个现成的模板。我对其进行了一些更改。我根据自己的文件层次结构为将来的使用做准备。但是我遇到了模板语法问题。首先，我的项目中有base.html。多亏了这个页面，我将来创建的页面的背景就形成了。在 base.html 中导入了一些文件。这些是使用 render_bundle 和静态标签实现的。我创建了一个要在 django 中呈现的新页面。同样，我想在此页面上与其他页面分开导入 assets/js/table.js 和 assets/scss/table.scss 文件。但我收到模板语法错误。你认为我在哪里犯了错误？

我收到了这个错误

base.html

表.html

webpack.common.js

webpack.dev.js

设置.py

当我在http://127.0.0.1:8000/我收到这个错误

关键错误在 /

'资产'

在 settings.py

已安装的应用程序

Webpack 加载器

在模板文件夹 (index.html)

我也有vue.config.js文件

（旧见更新）

在终端它说这个

资产=资产['资产'] [块]

KeyError：“资产”

终端（更新）

更新： 卸载 Django-webpack5-loader 因为它没有达到我的预期。

但现在我得到另一个错误

见上文“终端（更新）”

更新 2

现在所有错误都消失了，唯一的问题是，我的 vue 没有出现在浏览器中。

我在 Django 和 React 上构建了一个应用程序，一旦我DEBUG=False在我的 Djangosettings.py文件中设置，它就会在移动浏览器和 Safari（桌面）上显示一个空白页面。

我检查了浏览器控制台网络选项卡，发现 Safari 似乎无法读取我的 react javascript 包。

我检查了 Safari 上的网络选项卡，同时打开和关闭了调试，看看文件的服务方式是否有任何差异，并发现了这一点：

Debug=False（应用未加载）

如您所见，响应Content-Disposition告诉我文件的扩展名是.js.gz- 这最终显示了我在第一个屏幕截图中链接的文件的“损坏”版本。

Debug=True（应用按预期工作）

将 debug 设置为 true 时，它​​会加载同一文件的不同版本。文件名略有不同，文件扩展名是.js

我使用 webpack 来捆绑这些文件，并使用一个包django-webpack-loader将它们注入到我的 HTML 模板中。

其中的代码settings.py可能是相关的：

在我的 index.html 模板中，我注入了 webpack-loader 创建的包，如下所示：

{% render_bundle "main" "js" "DEFAULT" attrs='charset="UTF-8"'%}

我错过了什么？如何解决这个问题？

将 webpack5 用于前端使用 js 和 scss，后端使用 django 的项目。我收到 npm audit 警告，将 webpack 捆绑跟踪器的版本更新到 1.4.0。我有一个在 webpack-stats.json 中生成的供应商块。更新到较新版本后，将 webpack 捆绑跟踪器从 0.4.3 更新到 1.4.0 时，不会在 webpack-stats.json 中生成供应商块。此外，将 djando-webpack-uploader 更新到最新版本以检查兼容性问题。这在渲染页面 @: 时会出错{% render_bundle 'vendor' 'css' %}。我是否需要更改任何其他内容才能更新到新版本的 webpack-bundle-tracker？

我在配置文件中使用 splitchunks：

我在我的应用程序中Django用作后端和Vue3前端。在开发服务器中我没有问题，但现在在生产中我在渲染页面时遇到问题。我已遵循所有文档，但找不到解决方案。

我django-webpack-loader用来渲染我使用webpack5. 但现在我收到一个错误，因此认为django正在尝试渲染fallback页面。

我的webpack.config.js

我的打字稿配置：

在 Django 中：

和我的 index.html：

你能帮我解决这个问题吗？

我有一个 Django 项目，它使用 webpack 加载器与 vue 一起使用以下设置

因此，例如，如果我们<script src="{% static "js/main.js" %}"></script>有 ，Django 会将其转换为，比如说，https://my_service_url.com/static/js/main.js

没关系。

但是麻烦从 webpack 加载器生成的包开始，我有以下设置

在我的 vue.config.js 文件中

所以，问题是在这个设置下，Django 尝试使用地址查找包

http://localhost:8006/static/js/my_bundle.js

代替https://my_service_url.com/static/js/my_bundle.js

我如何使这项工作？我想我必须以module.exports某种方式调整...