Javascript 使用django模板中节点_模块的vuelidate

我曾使用Vue使用API，但从未在Django模板中使用过。我想使用该包进行表单验证，但在导入文档中指定的

validationMixin

时遇到一些问题：

import{validationMixin}from'vuelidate'

我目前正在从CDN导入Vue.js

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

加载Django模板时，我会得到

语法错误：导入声明可能只出现在模块的顶层

（Firefox）和

未捕获的语法错误：意外标记{

（Chrome）

从“vuelidate”导入{validationMixin}
const app=新的Vue({
分隔符：['['，']]']，
el:“#应用程序”，
数据：{
测试：“你好”
}
})

我在脚本标记中添加了

type=“module”

，但这会导致

TypeError:Error解析模块说明符：vuelidate

（Firefox）和

Uncaught TypeError:Failed解析模块说明符“vuelidate”。相对引用必须以“/”、“/”或“./”开头（Chrome）

这里缺少什么？
尝试添加
type=“module”
并执行
import{validationMixin}从“/vuelidate.min.js”
@Ja9ad335h我得到一个404，因为路径不是来自静态文件夹，而是来自
http://localhost:8000/url_path/vuelidate.min.js
src=“{%static'vuelidate.min.js%}”的浏览器上呈现的
src
是什么

@Ja9ad335h

http://localhost:8000/static/vuelidate.min.js

以及

中的
url\u路径是什么http://localhost:8000/url_path/vuelidate.min.js
？您可以使用相对路径从“../../vuelidate.min.js”导入类似的
。
# settings.py

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'staticfiles')
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
    os.path.join(BASE_DIR, 'node_modules', 'vuelidate', 'dist'),
]

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="module" src="{% static 'vuelidate.min.js' %}"></script>
<script>
    import { validationMixin } from 'vuelidate'
    const app = new Vue({
        delimiters: ['[[', ']]'],
        el: '#app',
        data: {
            test: 'Hello'
        }
    })
</script>