Static GitHub Issues

[857] Problem to implement vue-simplemde

prev: Importing nuxt.config.js in component
next: function hook to cleanup after generate is done

Hello,

I tried to integrate the vue-simplemde markdown editor (https://github.com/F-loat/vue-simplemde) in Nuxt and got this error:

  nuxt:render Rendering url / +11m
[vue-router] Failed to resolve async component default: SyntaxError: Unexpected token <
[vue-router] uncaught error during route navigation:
/home/arno/Projekte/Arno/test/nuxt-lebensraum/node_modules/vue-simplemde/markdown-editor.vue:1
(function (exports, require, module, __filename, __dirname) { <template>
                                                              ^
SyntaxError: Unexpected token <
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:528:28)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/home/arno/Projekte/Arno/test/nuxt-lebensraum/node_modules/vue-simplemde/index.js:6:22)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)

The import was done like this:

import { markdownEditor } from 'vue-simplemde'
export default {
  components: {
    markdownEditor
  }

while the template looked like this:

<markdown-editor v-model="content" ref="markdownEditor"></markdown-editor>

Has anyone an idea, how I could fix this problem? Thanks for having a look at this! :)

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c733">#c733</a>)</em></sub></div>