無法解析模塊說明符“vee-validate”。 相對引用必須以“/”、“./”或“../”開頭

Question

我們不使用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>

您有任何想法如何覆蓋消息嗎？

Answer 1

VeeValidate 可以很好地包含在<script> （如文檔所示）

包含后，全局VeeValidate對象可用。 如果您使用非 beta版本（例如2.0.9 ），這將起作用（是否有理由使用舊版本和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 版本會更容易 100%...