balmjs / balm-ui

:diamonds: A modular and customizable UI library based on Material Design and Vue

Home Page:https://material.balmjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

issue with using ui-editor

HDShabe opened this issue · comments

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.

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

Thanks, that looks good!