Browserify Error.

[larsjanssen6]

When I use browserify and import vueHtml5Editor from 'vue-html5-editor';

I receive: { Error: Cannot find module '!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/less-loader/index.js!./style.less' from '/Users/egen/Code/forum/node_modules/vue-html5-editor/dist'

[n8-dev]

Having this issue as well.

[aadamsx]

Same issue.

Also this:

[ 'Component template should contain exactly one root element:\n\n<button type="button" @click="$parent.execCommand(\'justifyLeft\')" data-v-70456bc3>\n        {{$parent.locale["left justify"]}}\n    </button>\n    <button type="button" @click="$parent.execCommand(\'justifyCenter\')" data-v-70456bc3>\n        {{$parent.locale["center justify"]}}\n    </button>\n    <button type="button" @click="$parent.execCommand(\'justifyRight\')" data-v-70456bc3>\n        {{$parent.locale["right justify"]}}\n    </button>\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead.' ]
[ 'Component template should contain exactly one root element:\n\n<div data-v-816bf0be>\n        <label data-v-816bf0be>\n            <input type="radio" value="foreColor" v-model="command" data-v-816bf0be>&nbsp;\n            {{$parent.locale["fore color"]}}\n        </label>\n        <label data-v-816bf0be>\n            <input type="radio" value="backColor" v-model="command" data-v-816bf0be>&nbsp;\n            {{$parent.locale["background color"]}}\n        </label>\n    </div>\n    <div data-v-816bf0be>\n        <div v-for="color in colors" :style="{\'background-color\':color}" class="color-card" @click="changeColor(color)" data-v-816bf0be>\n        </div>\n        <div style="clear: both" data-v-816bf0be></div>\n    </div>\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead.' ]
[ '- invalid expression: \n            {{$parent.locale.["please wait"]}}...\n        ' ]
[ 'Component template should contain exactly one root element:\n\n<h3 style="text-align: center" data-v-6b9fc14a>Vue-html5-editor&nbsp;{{version}}</h3>\n    <p style="text-align: center" data-v-6b9fc14a>\n        GitHub:\n        <a href="https://github.com/PeakTai/vue-html5-editor" target="_blank" data-v-6b9fc14a>\n            https://github.com/PeakTai/vue-html5-editor\n        </a>\n    </p>\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead.' ]
[ 'Component template should contain exactly one root element:\n\n<button type="button" @click="$parent.execCommand(\'insertOrderedList\')" data-v-5bb5693a>\n        {{$parent.locale["ordered list"]}}\n    </button>\n    <button type="button" @click="$parent.execCommand(\'insertUnorderedList\')" data-v-5bb5693a>\n        {{$parent.locale["unordered list"]}}\n    </button>\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead.' ]
[ 'Component template should contain exactly one root element:\n\n<button type="button" @click="$parent.execCommand(\'bold\')" data-v-b51350ee>{{$parent.locale["bold"]}}</button>\n    <button type="button" @click="$parent.execCommand(\'italic\')" data-v-b51350ee>{{$parent.locale["italic"]}}</button>\n    <button type="button" @click="$parent.execCommand(\'underline\')" data-v-b51350ee>{{$parent.locale["underline"]}}</button>\n    <button type="button" @click="$parent.execCommand(\'strikeThrough\')" data-v-b51350ee>{{$parent.locale["strike through"]}}</button>\n    <button type="button" @click="$parent.execCommand(\'subscript\')" data-v-b51350ee>{{$parent.locale["subscript"]}}</button>\n    <button type="button" @click="$parent.execCommand(\'superscript\')" data-v-b51350ee>{{$parent.locale["superscript"]}}</button>\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead.' ]

All I do is this:

import VueHtml5Editor from 'vue-html5-editor';