模块“"vee-validate"”没有导出成员 'ValidationProvider'

Question

我正在尝试进行“vee-validate”的本地注册。但我得到 Module '"vee-validate"' has no exported member 'ValidationProvider'.

这是我在代码中所做的：

ContactForm.vue

<script lang="ts">
import { Vue, Component} from 'nuxt-property-decorator';
import { ValidationProvider } from 'vee-validate';
@Component({
    name : "ContactForm",
    components: {
        ValidationProvider, 
        ValidationObserver
    }
})

package.json 文件

"vee-validate": "^3.4.13",

vee-validate.js

import { extend } from "vee-validate";
import { email, required } from "vee-validate/dist/rules";

extend("required", {
  ...required,
  message: "This field is required",
});

extend("email", {
  ...email,
  message: "Invalid email",
});

Answer 1

重启编辑器就可以了

Answer 2

通常你会在全球范围内进行这种配置，我想它在本地也应该能正常工作

import { ValidationObserver, ValidationProvider } from 'vee-validate'
import Vue from 'vue'
Vue.component('ValidationProvider', ValidationProvider)

查看文档，我的方法似乎仅适用于全球使用，而您的方法应该适合本地使用。

你确定你已经添加了

transpile: ["vee-validate/dist/rules"],

到您的 nuxt.config.js 文件？

编辑

Nvm，你自己找到了解决办法。

模块“"vee-validate"”没有导出成员 'ValidationProvider'

Module '"vee-validate"' has no exported member 'ValidationProvider'

vue.js

nuxt.js

vee-validate

编辑