django 非同期処理がうまくいかない エラー内容 Page not found (404)

Question

twitterのような、いいね機能を実装する際に非同期処理でデータのやり取りを行いたいのですが、うまくいきません.ajax処理の部分にfailを追加してエラー処理を行ってみた結果、コンソールには下記のように表示されました。

ajax通信に失敗しました
home.js:39 jqXHR : 404
home.js:40 textStatus : error
home.js:41 errorThrown : undefined

Uncaught ReferenceError: url is not defined

これをみるとurlを定義する部分でエラーが起こっているようなのですが、この部分は参考にしているwebサイトと全く同じで、どこが間違っているかわかりません。
コードを載せますので原因がわかる方がいたらお願いします。

{% for tweet in tweetmodel_list reversed %}
  <div class="tweet-container container border border-secondary">
    <p class="font-bold d-flex"><img src="{{ tweet.user.ProfileImage.url }}" width="50px" height="50px" style="border-radius: 100%;" class="me-3">{{ tweet.user.username }} 
      {% if user == tweet.user %}
      <button type="button" class="btn btn-danger del_confirm" data-bs-toggle="modal" data-bs-target="#DeleteModal"  data-deleteurl="{% url 'TweetDelete' tweet.id %}">削除</button>
      {% endif %}
    </p>
   <p class="tweet-text">{{ tweet.content | linebreaksbr }}</p>
    {% if tweet.snsImage %}
    <p><img src="{{ tweet.snsImage.url }}" width="70%" style="border-radius: 5%;" class="bg-light"></p>
    {% endif %}

    
    <form action="{% url 'like' %}" method="POST">{% csrf_token %}
      {% if tweet.id in liked_list %}
          <button id="like" name="{{tweet.id}}"><i class="fas fa-lg fa-heart like-red"></i></button>
      {% else %}
          <button id="like" name="{{tweet.id}}"><i class="far fa-lg fa-heart"></i></button>      
      {% endif %}
  </form>
  <p name="{{tweet.id}}-count" class="count"> {{ tweet.like_set.count }} </p>
  </div>
    {% endfor %}

class HomeView(LoginRequiredMixin,generic.ListView):
   //省略

    def get_context_data(self):
        context = super().get_context_data()
        liked_list = []

        for tweet in context['tweetmodel_list']:
            liked = tweet.like_set.filter(user=self.request.user)
            if liked.exists():
                liked_list.append(tweet.id)

        context['liked_list']=liked_list
        return context


def LikeFunc(request):
    if request.method =="POST":
        tweet = get_object_or_404(TweetModel, pk=request.POST.get('tweet_id'))
        user=request.user
        liked = False
        like = Like.objects.filter(tweet=tweet, user=user)
        if like.exists():
            like.delete()
        else:
            like.create(tweet=tweet, user=user)
            liked = True
    
        context={
            'tweet_id': tweet.id,
            'liked': liked,
            'count': tweet.like_set.count(),
        }
        
    if request.is_ajax():
        return JsonResponse(context)

urlpatterns = [
    path('signup/',signupView.as_view(),name='signup'),
    path('login/',loginFunc,name='login'),
    path('logout/',logoutFunc,name='logout'),
    path('home/',HomeView.as_view(),name='home'),
    path('tweet/',TweetView.as_view(),name='tweet'),
    path('TweetDelete/<int:tweet_pk>',tweet_del,name='TweetDelete'),
    path('profile_edit/<int:pk>',profile_editView.as_view(),name='profile_edit'),
    path('like/',LikeFunc, name='like'),
]

class TweetModel(models.Model):
    content=models.TextField()
    user=models.ForeignKey(CustomUser,verbose_name='紐づくユーザー',on_delete=models.PROTECT,blank=True)
    snsImage=models.ImageField(null=True,blank=True,upload_to='')
    
   
    def __str__(self):
        return self.content[:10]

class Like(models.Model):
    tweet=models.ForeignKey(TweetModel,on_delete=models.CASCADE)
    user = models.ForeignKey(CustomUser, on_delete=models.CASCADE)

$(document).ready(function(event){
    $(document).on('click', '#like', function(event){
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: "{% url 'like' %}",
            data: {
                'tweet_id': $(this).attr('name'),
                'csrfmiddlewaretoken': '{{ csrf_token }}'},
            dataType: 'json'
        })
        .done(function(response){
            selector = document.getElementsByName(response.tweet_id);
                    if(response.liked){
                        $(selector).html("<i class='fas fa-lg fa-heart'></i>");
                    }
                    else {
                        $(selector).html("<i class='far fa-lg fa-heart'></i>");
                    }
                    selector2 = document.getElementsByName(response.tweet_id + "-count");
                    $(selector2).text(response.count);
        })
        .fail(function (jqXHR, textStatus, errorThrown) {
            // 通信失敗時の処理
            alert('ファイルの取得に失敗しました。');
            console.log("ajax通信に失敗しました");
            console.log("jqXHR          : " + jqXHR.status); // HTTPステータスが取得
            console.log("textStatus     : " + textStatus);    // タイムアウト、パースエラー
            console.log("errorThrown    : " + errorThrown.message); // 例外情報
            console.log("URL            : " + url);
    });             
    });
});

コードは、関係していると思われる部分を抜粋していますので、足りないところがあれば、教えてください。

参考にしたサイトです↓
https://h-memo.com/how-to-make-a-like-button-using-django/

※追記
urlが読み込まれないのはjavascriptを外部スクリプトとしてhtmlに読み込んでいたため、{% url 'like'%}が認識されていなかったからでした。
ですが、今度は

Page not found (404)
No TweetModel matches the given query.

というエラーが出ていて、どうやらviews.py のLikeFunc関数の中にあるget_object_or_404でエラーがでているようです。
ここも参考サイトと同じ記述をしており原因がわかりません。

Answer 1

解決しました。
追記したPage not found (404)については単純にhtml の<script>タグを入れるのを忘れていてjavascriptが読み込まれていないだけでした。javascriptを読み込むと問題なく動作したので、元のエラーの原因は、本文に追記した通り、{% url 'like'%}が認識されていなかったからだと思います。