无法解析模块说明符“ vee-validate”。相对引用必须以“ /”、“./”或“ ../”开头

时间:2020-02-08 14:42:48

标签: javascript vue.js vee-validate

由于我们从事npm项目,因此我们不使用Django,但在模板中使用VueJS。现在我们成功使用了vee-validate,我需要覆盖错误消息。问题是我找不到importing以外的其他方式,也无法通过这种方式做到这一点。

我试图创建一个显然不起作用的新<script type="module">

Failed to resolve module specifier "vee-validate". Relative references must start with either "/", "./", or "../".

这是我的代码。

<script src="https://unpkg.com/vee-validate@2.0.0-beta.25"></script>

<script type="module">
    import {localize} from 'vee-validate';

    localize({
        en: {
            messages: {
                required: 'xxxxxxxx',
                min: 'this field must have no less than {length} characters',
                max: (_, {length}) => `this field must have no more than ${length} characters`
            }
        }
    });
</script>

您对如何覆盖邮件有任何想法吗?

1 个答案:

答案 0 :(得分:1)

VeeValidate可以很好地工作在<script>中(如docs所示)

一旦包含,全局VeeValidate对象就可用。如果您使用的是非beta 版本(例如2.0.9)(如果使用的是版本为 old beta 的版本,则可以使用) ?)

<script type="text/javascript">
VeeValidate.Validator.localize({
        en: {
            messages: {
                required: 'xxxxxxxx',
                min: 'this field must have no less than {length} characters',
                max: (_, {length}) => `this field must have no more than ${length} characters`
            }
        }
    });
</script>

不幸的是,文档中没有script用法的示例,因此您必须亲自探索API(只需console.log(VeeValidate))。与NPM versiou一起工作会更容易100%...