Cannot init the editor

Hello, im trying to use your editor in my project, that builded on Vue.js. Ive done all requested first steps, i.e: cloned repo, installed all dependencies, build with grunt. After all this steps i took the dist folder with all min. files and inserted into my project.

So now in my project i`m trying to import your scripts this way:

import * as grapesjs from '../grapesjs/grapes.min.js' but when i trying to init the editor :

    var editor = grapesjs.init({
        container : '#gjs',
        components: '<div class="txt-red">Hello world!</div>',
        style: '.txt-red{color: red}',
    });

i receive error in tht console:

ReferenceError: key is not defined
    at N.d.initUndoManager (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:530600)
    at Object.onLoad (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:468308)
    at eval (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:528954)
    at Array.forEach (native)
    at N.d.initialize (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:528932)
    at N.d.b.Model (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:32431)
    at new N.d (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:51241)
    at new b (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:535973)
    at Object.init (eval at 222 (http://localhost:3000/1.542fee55cc3d6ba6a752.hot-update.js:6:1), <anonymous>:4:538917)
    at grapeEditor (eval at 531 (http://localhost:3000/1.f63b8aaa1f38625ec4d7.hot-update.js:7:1), <anonymous>:8:79)

What i do wrong?

Thanks for help

[kkinder]

Yeah, that makes sense.

It’s just that bringing it in via script tags isn’t very elegant if you’re generally using a client build system like webpack.

[artf]

@kkinder I think there is some problem with the keymaster binding. Anyway, in these days I’m switching from requirejs to webpack2 and babel so hope to see some improvements here 😃