『Djangoカスタムユーザー構築』の講座において、django-widget-tweaksが反映されない

2023/12/08 20:21

実現したいこと

django-widget-tweaksが反映されること

発生している問題

『Djangoカスタムユーザー構築』の講座において手順通り作業しましたが、django-widget-tweaksが反映されず困っております

ソースコード

{% extends "app/base.html" %} {% load widget_tweaks %} {% block content %}

<div class="card card-auth my-5 mx-auto"> <div class="card-body"> <h5 class="card-title text-center">ログイン</h5> <form method="post" class="form-auth"> {% csrf_token %} <div class="form-label-group"> {% render_field form.login class="form-control" placeholder="メールアドレス" %} </div> <div class="form-label-group"> {% render_field form.password class="form-control" placeholder="パスワード" %} </div> <div class="button mx-auto"> <button class="btn btn-lg btn-primary btn-block mx-auto" type="submit"> ログイン </button> </div> </form> </div> </div>

{% endblock %}

自分で試したこと

django-widget-tweaksの再インストール
settings.pyで、django-widget-tweaksがINSTALLED_APPSに追加されているか確認
login.htmlにおいて、{% load widget_tweaks %}の記載の確認

補足情報

回答 10件

回答するにはログインが必要です

https://github.com/haruyasu/django-custom-auth

ご質問ありがとうございます。
バージョンによってうまく動作していない可能性もありますので、下記のチュートリアルのコードをそのまま動かして頂いても宜しいでしょうか。

チュートリアルの通り記述しましたが、うまくいきません。。。。改善方法はございませんか？　エラーが出たままで次に進めないのです。。。。

{% render_field form.login class="form-control" placeholder="メールアドレス" %}
{% render_field form.password class="form-control" placeholder="パスワード" %}

ログイン画面にこのように表示され入力ができないのです。。。。。

githubにコミットして頂き、展開して頂いても宜しいでしょうか？
こちらで動作確認してみます。

https://github.com/mori-tt/custom-user

こちらになります。一時的にパブリックにしました

render_fieldのコードが改行されていましたので、改行しないようにお願い致します。

      <div class="form-label-group">
        {% render_field form.login class="form-control"
        placeholder="メールアドレス" %}
      </div>
      <div class="form-label-group">
        {% render_field form.password class="form-control"
        placeholder="パスワード" %}
      </div>

↓

      <div class="form-label-group">
        {% render_field form.login class="form-control" placeholder="メールアドレス" %}
      </div>
      <div class="form-label-group">
        {% render_field form.password class="form-control" placeholder="パスワード" %}
      </div>

ありがとうございます。

Prettierを入れていたため、自動で改行されていたようです。
VS Codeに整形ツールのPrettierを入れていたのですが、解除しました。
Djangoのプロジェクトの場合、使わない方がいいですか？

Djangoのhtmlファイルでは、Prettierは使わない方が良いかと思います。

かしこまりました。

ありがとうございます。

はる先生の講座、内容と解説がいいので、今後も活用させていただきます。

これからもよろしくお願いいたします。