Django Staticディレクトリのjsファイルが読み込めない

Question

前提,実現したいこと

Django内で作成したプロジェクト内のアプリケーションにおけるTemplateで外部jsファイルを読み込みたい
Django==3.2です

プロジェクトフォルダ内

myproject/
├─ myproject/
│ ├─ __ init__.py
│ ├─ settings.py
│ ├─ urls.py
│ ├─ asgi.py
│ └─ wsgi.py
├─ myapp/
│ ├─ __ init__.py
│ ├─ admin.py
│ ├─ apps.py
│ ├─ migrations/
│ ├─ models.py

│ ├─ static/
│ │ ├─ myapp/
│ │ │ └─ js/
│ │ │ └─ index.js

│ ├─ templates/
│ │ └─ myapp/
│ │ ├─ index.html
│ │
│ ├─ tests.py
│ ├─ urls.py
│ └─ views.py
└─ manage.py

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

(ブラウザのコンソール)

<script> のソース “http://127.0.0.1:8000/static/myapp/js/index.js” の読み込みに失敗しました。

該当のソースコード

settings.py

...

STATIC_URL = '/static/'

index.html

....

{% load static %} 
<script src="{% static 'myapp/js/index.js' %}">

index.js

console.log("success")

試したこと

staticフォルダの位置、パスの書き方、スペルミスがないかの確認

補足情報（FW/ツールのバージョンなど）

使用ブラウザ：Firefox

Comments

[can110]

（質問修正されたので削除）

[yama_u]

すいません、スペルミスです。。
実際にはjsとなっています。

Answer 1

STATICFILES_DIRS = (
[
os.path.join(BASE_DIR, "static"),
])
をsettings.pyに追加することで解決しました。