labokgs
@labokgs (Tomoya K)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

django-bootstrap5で ModuleNotFoundErrorが発生してしまう。

Q&A

Closed

解決したいこと

django-bootstrap5をインストールして、実装しようとしてももModuleNotFoundErrorが発生してしまう。

発生している問題・エラー

    return _bootstrap._gcd_import(name[level:], package, level)
  File "<frozen importlib._bootstrap>", line 1050, in _gcd_import
  File "<frozen importlib._bootstrap>", line 1027, in _find_and_load
  File "<frozen importlib._bootstrap>", line 1004, in _find_and_load_unlocked
ModuleNotFoundError: No module named 'django-bootstrap5'

該当するソースコード

top.html
{% load django_bootstrap5 %}
<html>
<head>
    <meta charset="utf-8">
    <title>Djangoスニペット</title>
    {% bootstrap_css %}
    {% bootstrap_javascript %}
</head>
<body>
    <nav class="navbar navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">Navbar</a>
        </div>
    </nav> 
....
....
(venv)a@MackbookAir djangoproject%  pip install django-bootstrap5

自分で試したこと

ここに問題・エラーに対して試したことを記載してください。

まずVSCodeのターミナルで、pip install django-bootstrap5を実行した。
以下のような表示が出て、インストールは成功しているみたいだが、相変わらずエラーが発生してしまう。

Installing collected packages: django-bootstrap5
Successfully installed django-bootstrap5-22.1

また、settings.pyファイルのINSTALLED_APPSの欄にもdjango-bootstrap5の記載は忘れずにしてある。

ネットに載っている手順は全て行なっているが、エラーが発生してしまう。

スターターテンプレートをbase.htmlファイルに記載する以外方法はないのでしょうか?

0

2Answer

INSTALLED_APPSはdjango_bootstrap5になってますでしょうか?

ハイフンではなくアンダーバーのようです。

2Like

Comments

  1. @labokgs

    Questioner

    アンダーバーにしたら通りました。。

    ご教示いただきありがとうございます。
    完全に見落としておりました。

そのエラーだとサーバー起動時のエラーなんでしょうか。
venvは関係無さそうですか?

うーん、手元だと普通に動きますね

{% load django_bootstrap5 %}

<head>
  {% bootstrap_css %}
  {% bootstrap_javascript %}
</head>

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
      <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

image.png
image.png

0Like

Comments

  1. @labokgs

    Questioner

    ご回答いただきありがとうございます。

    サーバー起動時のエラーです。
    bootstrap-datepickerを使用しようとした際にも同じようにModuleエラーが発生してしまいました。
    別でPCにパッケージをインストールするといった事はしませんよね?

Your answer might help someone💌