Django で Page not found になる

前提・実現したいこと

プログラミング、Django 初心者です。
「Djangoのツボとコツがゼッタイにわかる本」を参考にブログアプリケーションを作成して
そこから拡張を行っています。

同一プロジェクト内にアプリケーションを追加しようと思い、処理を作っていたところ
Page not found (404) のエラーが発生したためご質問させていただきます。

発生している問題・エラーメッセージ

エラーの再現方法を記載いたします。

①以下にアクセスします。
http://54.65.18.228/njiro/list/

②適当な「詳細へ」ボタンをクリックすると以下のエラーが発生します。

Page not found (404)
クエリーに一致する result model は見つかりませんでした
Request Method:	GET
Request URL:	http://54.65.18.228/pekora/detail/4/
Raised by:	vscwebpekora.views.VscwebDetail
Using the URLconf defined in vscwebproject.urls, Django tried these URL patterns, in this order:

admin/
njiro/
pekora/ list/ [name='list']
pekora/ detail/<int:pk>/ [name='detail']
The current path, pekora/detail/4/, matched the last one.

逆に以下の流れではエラーが発生しませんでした。

①以下にアクセスします。
http://54.65.18.228/pekora/list/

②「詳細へ」ボタンをクリックします。

該当のソースコード

関連するであろうか所を記載いたします。

/var/www/vscwebproject/vscwebproject/urls.py

python
1from django.contrib import admin
2from django.urls import path, include
3
4urlpatterns = [
5    path('admin/', admin.site.urls),
6    path('njiro/', include('vscwebnjiro.urls')),
7    path('pekora/', include('vscwebpekora.urls')),
8]

/var/www/vscwebproject/vscwebnjiro/urls.py

python
1from django.urls import path
2from .views import VscwebList, VscwebDetail
3
4urlpatterns = [
5    path('list/', VscwebList.as_view(), name='list'),
6    path('detail/<int:pk>/', VscwebDetail.as_view(), name='detail'),
7]

/var/www/vscwebproject/vscwebpekora/urls.py

python
1from django.urls import path
2from .views import VscwebList, VscwebDetail
3
4urlpatterns = [
5    path('list/', VscwebList.as_view(), name='list'),
6    path('detail/<int:pk>/', VscwebDetail.as_view(), name='detail'),
7]

/var/www/vscwebproject/vscwebnjiro/views.py

python
1{% extends 'base.html' %}
2
3{% block header %}
4{% endblock header %}
5
6{% block content %}
7    <div class='container'>
8    {% for item in object_list %}
9      <div class="card">
10        <h6 class="card-header">{{ item.videoTitle }}</h6>
11        <div class="card-body">
12          {# <h6 class="card-title"></h6> #}
13          <img src="{{ item.s3ThumbnailUrl }}">
14          <p class="card-text">配信開始時間 : {{ item.startTime }}</p>
15          <a href="{% url 'detail' item.pk %}" class="btn btn-primary">詳細へ</a>
16        </div>
17      </div>
18    {% endfor %}
19    </div>
20{% endblock content %}

試したこと

/var/www/vscwebproject/vscwebproject/urls.py
にて

    path('njiro/', include('vscwebnjiro.urls')),
    path('pekora/', include('vscwebpekora.urls')),

の順番を上下入れ替えたところ、
逆に
http://54.65.18.228/njiro/list/ から詳細へボタンクリックではではエラーが出ずに
http://54.65.18.228/pekora/list/ から詳細へボタンクリックでエラーが出ました。

そのため、urls.py 関連で問題があると思っているのですが、
その線で調べても解決ができなかったため今回質問させていただきました。

恐れ入りますが、よろしくお願いします。

行動規範の内容に同意します

回答1件

自己解決

自己解決いたしました。

もともとこのようなファイルをテンプレートで作成していました。

/var/www/vscwebproject/templates/list.html

python
1{% extends 'base.html' %}
2
3{% block header %}
4{% endblock header %}
5
6{% block content %}
7    <div class='container'>
8    {% for item in object_list %}
9      <div class="card">
10        <h6 class="card-header">{{ item.videoTitle }}</h6>
11        <div class="card-body">
12          {# <h6 class="card-title"></h6> #}
13          <img src="{{ item.s3ThumbnailUrl }}">
14          <p class="card-text">配信開始時間 : {{ item.startTime }}</p>
15          <a href="{% url 'detail' item.pk %}" class="btn btn-primary">詳細へ</a>
16        </div>
17      </div>
18    {% endfor %}
19    </div>
20{% endblock content %}

<a href="{% url 'detail' item.pk %}" class="btn btn-primary">詳細へ</a> の
「url 'detail'」がよくないことに気づきました。

そこで、以下のようなテンプレートファイルを作りました。

/var/www/vscwebproject/templates/listnjiro.html

python
1{% extends 'base.html' %}
2
3{% block header %}
4{% endblock header %}
5
6{% block content %}
7    <div class='container'>
8    {% for item in object_list %}
9      <div class="card">
10        <h6 class="card-header">{{ item.videoTitle }}</h6>
11        <div class="card-body">
12          {# <h6 class="card-title"></h6> #}
13          <img src="{{ item.s3ThumbnailUrl }}">
14          <p class="card-text">配信開始時間 : {{ item.startTime }}</p>
15          <a href="/njiro/detail/{{ item.pk }}" class="btn btn-primary">詳細へ</a>
16        </div>
17      </div>
18    {% endfor %}
19    </div>
20{% endblock content %}