Link and Image both don't work and throw Error

I am trying since days now to get it to work, but both Link and Image throw the below Error when I click on the icon.

TypeError: c is null theme.min.js 1:91433

I have done a npm so the files are in the node folder. I have downloaded tinymce and saved that in my js folder. I than added below line to load the js files.

<script src="{{ asset('js/tinymce/themes/modern/theme.min.js')}}"></script>
<script src="{{ asset('js/tinymce/tinymce.min.js')}}"></script>

After that I created my component with the form and the Editor. I only use the data() section nothing in mounted or computed. What is missing that it throws the error?

<template>
<div>
<form method="post" action="" @submit.prevent="onSubmit" @keydown="errors.clear()">
        <fieldset class="add-form"><legend class="add-form">
        <h3>Article Details</h3></legend>
       <label class="required" for="fname">Headline</label>
       <input class="form-control"  v-model="post.title" id="fname" placeholder="Headline">
       <editor v-model="post.body"
             :plugins="myPlugins" 
             :toolbar ="myToolbar1"
        ></editor>
</form> 
</div>
</template>

import Editor from '@tinymce/tinymce-vue';
import editorinymce from 'tinymce';
import 'tinymce/themes/modern/theme';
import 'tinymce/plugins/wordcount';
import 'tinymce/plugins/code';
import 'tinymce/plugins/preview';

   export default{
        components: {
               'tinymce': Editor
        },

        data () { 
                return { 
                name: 'app',
                myToolbar1: 'undo redo | bold italic underline preview | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
                myPlugins: "link image code preview",

[fyrkant]

Hmm, are you adding a script tag AND importing tinymce in your javascript? You should only do one.

[fyrkant]

Great that it’s working!