Django Uncaught SyntaxError: Unexpected token <

I  want to use the django with vue, but there is an error"Uncaught SyntaxError: Unexpected token <"
So I make a test. I make a index.html and a test.js.This is my directory

The index.html and test.js are very simple.

This is my code in settings.py

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['first-vue/dist'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_ : [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'first-vue/dist')
]

This is my code in urls.py

from django.contrib import admin
from django.urls import path, re_path
from django.views.generic.base import TemplateView
from django.conf.urls import url
urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'', TemplateView.as_view(template_name='index.html'))
]

When I open the http://127.0.0.1:8000/, I can see the 200

But

Can you help me? Thanks!

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To post to this group, send email to django-users@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/59b93f00-703a-4583-a2eb-d40e408b436c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.