在 'vform' 中找不到导出 'HasError'（导入为 'HasError'）（可能的导出：错误、表单、默认值）

Question

我在 app.js 中使用下面的代码，它不起作用

import { Form, HasError, AlertError } from 'vform'
Vue.component(HasError.name, HasError)
Vue.component(AlertError.name, AlertError)

报错如下图

Answer 1

您似乎是从错误的位置导入的。

你可以看到这个here

import {
  Button,
  HasError,
  AlertError,
  AlertErrors,
  AlertSuccess
} from 'vform/src/components/bootstrap5'
// 'vform/src/components/bootstrap4'
// 'vform/src/components/tailwind'

Vue.component(Button.name, Button)
Vue.component(HasError.name, HasError)
Vue.component(AlertError.name, AlertError)
Vue.component(AlertErrors.name, AlertErrors)
Vue.component(AlertSuccess.name, AlertSuccess)

在 'vform' 中找不到导出 'HasError'（导入为 'HasError'）（可能的导出：错误、表单、默认值）

export 'HasError' (imported as 'HasError') was not found in 'vform' (possible exports: Errors, Form, default)

vue.js

vue-component

vuex

vuejs2

laravel-mix-vue3