KeyError at / 'assets' and ModuleNotFoundError: No module named 'webpack_loader'

Question

KeyError at /

'assets'

在settings.py

已安装的应用程序

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.sites',

    #own
    'rest_framework',
    'rest_framework.authtoken',

    'allauth',
    'allauth.account',
    'allauth.socialaccount',    

    'rest_auth',
    'rest_auth.registration',

    'crispy_forms',
    'webpack_loader',

    'users',
    'questions',

Webpack 加载器

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

在模板文件夹中 (index.html)

{% load render_bundle from webpack_loader %}
<!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>

    <div id="app"></div>

    {% render_bundle 'app' %}

</body>
</html>

我还有vue.config.js文件

（旧见更新）

在终端中这样写

asset = assets['assets'][chunk]

KeyError: 'assets'

航站楼（更新）

File "/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/importlib/__init__.py", line 127, in import_module
    return _bootstrap._gcd_import(name[level:], package, level)
  File "<frozen importlib._bootstrap>", line 1030, in _gcd_import
  File "<frozen importlib._bootstrap>", line 1007, in _find_and_load
  File "<frozen importlib._bootstrap>", line 984, in _find_and_load_unlocked
ModuleNotFoundError: No module named 'webpack_loader'

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

但是现在我又遇到了一个错误

见上文“终端（已更新）”

更新 2

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

Answer 1

错误似乎是在webpack包中。这个答案应该有所帮助：

Answer 2

ModuleNotFoundError: 没有名为 'webpack_loader' 的模块（已解决）

如果你已经完成了pip install django-webpack-loader==0.7.0

这样做：

先做：

pip uninstall django-webpack-loader==0.7.0

或

pip uninstall django-webpack-loader

之后点击 y 然后输入

然后：

pip install django-webpack-loader==0.7.0

Answer 3

为了使用django-webpack-loader>=1.0.0，你必须确保在JavaScript端使用webpack-bundle-tracker@1.0.0。

https://pypi.org/project/django-webpack-loader/

这一定对你有用！

KeyError at / 'assets' and ModuleNotFoundError: No module named 'webpack_loader'

KeyError at / 'assets' and ModuleNotFoundError: No module named 'webpack_loader'

python

django

keyerror

vue.js

django-webpack-loader

在settings.py

在模板文件夹中 (index.html)

这样做：