django整合vue出现"Uncaught SyntaxError: Unexpected token <"

Question

问题描述

尝试将vue与django整合时，django能够找到相关静态文件，但却报错"Uncaught SyntaxError: Unexpected token <"。

可是preview如此显示

dist测试

可是打包后的dist用serve5000端口访问也没问题

项目目录

已经是vue-cli 3.0了，故vue经过budil后的dist的目录结构如下

django目录结构如下

相关代码

setting.py中的配置

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['dist'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                '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, 'dist')
]

urls.py中的配置

urlpatterns = [
    path('admin/', admin.site.urls),
    re_path(r'', TemplateView.as_view(template_name='index.html'))
]

向大佬求救！

Answer 1

你查看下你返回的是不是JavaScript或者JSON？ 很有可能是返回了 HTML/XML然后无法解析。
你是不是写了这样的内容

<script src="index.html"></script>

参考:
Uncaught SyntaxError: Unexpected token <