使用 veevalidate 返回意外的令牌导出来停止 Vue？

Question

带有服务器端渲染的 Nuxt。 Typescript 和 vee-validate 3.4.9.

这段代码没问题

extend('positive', value => {
  return value >= 0;
});

添加默认值然后我得到意外的令牌“导出”错误

extend('required', { ...required });

到目前为止我读到的是这是一个转译错误？

Answer 1

Transpile 确实在 nuxt.config.js 中修复了它

build: {
    transpile: [
        'vee-validate'
    ]
},

Answer 2

https://vee-validate.logaretm.com/v3/guide/rules.html#importing-the-rules

您可以通过忽略 vee-validate/dist/rules 来解决这个问题 转译过程或从中导入规则 vee-validate/dist/rules.umd 代替

import { required } from "vee-validate/dist/rules.umd";

上面添加的

umd

对我有用

顺便说一句，我想你可能只想

extend('required', required);

代替？