Traté de instalar mavonEditor como editor de rebajas para mi última aplicación vue3.js y también usé vite para crear aplicaciones vue.js. En primer lugar, seguí el documento de mavonEditor, el componente mavon no está definido.

Instalé mavon-editor (v2.10.4) usando npm. Y luego, cambie main.js como se muestra a continuación.

 import { createApp } from "vue"; import App from "./App.vue"; import "./assets/tailwind.css"; import mavonEditor from "mavon-editor"; import "mavon-editor/dist/css/index.css"; createApp(App).use(mavon).mount("#app");

y traté de usar el componente del editor para App.vue así.

 <template> <div> <mavon-editor v-model="value" /> </div> </template> <script> import { ref } from "@vue/reactivity"; export default { setup() { const value = ref("its my first mavon editor!"); return { value }; }, }; </script>

Abra el navegador (Chrome), pero no se mostró ningún elemento. En lugar de editor, ese error ocurrió en la consola.

 Uncaught ReferenceError: mavon is not defined

Realmente quiero saber cómo usar correctamente mavon-editor en Vue3.js. ¿Alguien me ayuda, por favor?