balmjs / balm-ui

:diamonds: A modular and customizable UI library based on Material Design and Vue
https://material.balmjs.com
MIT License
508 stars 30 forks source link

issue with using ui-editor #167

Closed HDShabe closed 1 year ago

HDShabe commented 1 year ago

BalmUI Version 10.19.0

Hi,

I'm having some trouble using the ui-editor component. I have other BalmUI Plus components working such as ui-skeleton, but for reference here's my setup:

main.ts

import { createApp } from 'vue';
import App from './App.vue';
import validatorRules from './scripts/validation';

//BalmUI Google Material
import BalmUI from 'balm-ui';
import BalmUIPlus from 'balm-ui/dist/balm-ui-plus'; // BalmJS Team Material Components
import 'balm-ui-css';

const app = createApp(App);

//set default UI Themes
app.use(BalmUI, {
    $validator: validatorRules
});
app.use(BalmUIPlus);

app.mount('#app');

in a page:

<div class="row">
    <ui-editor v-model="viewModel.description" theme="bubble"></ui-editor>
</div>

However i'm seeing the following in console:

balm-ui-plus.js:1 quill Cannot import modules/emoji. Are you sure it was registered? balm-ui-plus.js:1 quill Cannot load emoji module. Are you sure you registered it? balm-ui-plus.js:1 quill Cannot import modules/emoji. Are you sure it was registered?

balm-ui-plus.js:1 Uncaught (in promise) TypeError: e4 is not a constructor at e4.value (balm-ui-plus.js:1:109468) at e4.value (balm-ui-plus.js:1:122022) at balm-ui-plus.js:1:109342 at Array.forEach () at e4.value (balm-ui-plus.js:1:109299) at new t4 (balm-ui-plus.js:1:19523) at balm-ui-plus.js:1:236576 at balm-ui-plus.js:1:236810

Any ideas at all? Cheers.

elf-mouse commented 1 year ago

@HDShabe , the bug has been fixed in new version. Thanks a lot.

HDShabe commented 1 year ago

Thanks, that looks good!