在 \'vee-validate\' 中找不到导出 \'ValidationProvider\'（导入为 \'ValidationProvider\'）答案

【问题标题】：export 'ValidationProvider' (imported as 'ValidationProvider') was not found in 'vee-validate'在 \'vee-validate\' 中找不到导出 \'ValidationProvider\'（导入为 \'ValidationProvider\'）
【发布时间】：2023-01-11 05:35:24
【问题描述】：

我将 vue 3 与 vee-validate 一起使用：

package.json 文件

"vee-validate": "^4.7.3",

代码

...
...
...
<ValidationObserver ref="form" v-slot="{ passes }">
  <form @submit.prevent="passes(onSubmit)">
    <h1>Login</h1>
    <p class="text-medium-emphasis">Sign In to your account</p>
    <div class="mb-3">
      <div class="input-group ">
        <ValidationProvider vid="email" name="email" v-slot="{ errors }">
          <input v-model="email" placeholder="Email" name="email" autocomplete="Email" class="form-control">
          <div class="error-message">{{ errors[0] }}</div>
        </ValidationProvider>
      </div>
    </div>
    
    <div class="mb-4">
      <div class="input-group ">
        <ValidationProvider vid="password" name="password" v-slot="{ errors }">
          <input v-model="password" placeholder="Password" name="password" autocomplete="current-password" class="form-control" type="password">
          <span>{{ errors[0] }}</span>
        </ValidationProvider>
      </div>
    </div>

    <div class="row">
      <div class="col-6">
        <button class="btn btn-primary px-4">Sign in</button>
      </div>
      <div class="col-6 text-right">
        <button class="btn btn-link px-0" type="button"> Forgot password? </button>
      </div>
    </div>
  </form>
</ValidationObserver>
...
...
...
<script>
  import { Form, Field, ErrorMessage, ValidationProvider, 
  ValidationObserver } from "vee-validate";
  export default {
      components: { Form, Field, ErrorMessage, ValidationProvider, ValidationObserver },
...
...
...

但有警告：

在“vee-validate”中找不到导出“ValidationObserver”（导入为“ValidationObserver”）（可能的导出：ErrorMessage、Field、FieldArray、FieldContextKey、Form、FormContextKey、IS_ABSENT、configure、defineRule、useField、useFieldArray、useFieldError、useFieldValue、 useForm、useFormErrors、useFormValues、useIsFieldDirty、useIsFieldTouched、useIsFieldValid、useIsFormDirty、useIsFormTouched、useIsFormValid、useIsSubmitting、useResetForm、useSubmitCount、useSubmitForm、useValidateField、useValidateForm、验证）

enter image description here

在控制台中：enter image description here

有没有人遇到过和我一样的情况？

【问题讨论】：

标签： vuejs3 vee-validate

【解决方案1】：

Vee-Validate 版本 4.7.3 中没有这些内容。如果需要 ValidationObserver 和 ValidationProvider，则需要使用旧版本。尝试这个：

"vee-validate": "^3.1.0",

【讨论】：