Блог

Я пытаюсь создать обрезанное изображение, а затем загрузить его на Amazon в моем NuxtJs приложении. Проблема возникает, когда я импортирую библиотеку vue-image-crop-upload и получаю неожиданный токен < . Или кратко Синтаксическая ошибка

Я пытался использовать no-ssr , но выглядит как проблема внутри фактического модуля.

                         // Usage in component
                        <no-ssr>
                            <button class="btn btn-primary upload-picture" @click="toggleShow">Cargar imagen</button>
                            <avatar-upload field="img"
                               @crop-success="cropSuccess"
                               v-model="show"
                               :no-square="true"
                               :width="500"
                                lang-type="en"
                               :height="500"
                               :params="params"
                               :headers="headers"
                               img-format="png"></avatar-upload>
                            <img :src="imgDataUrl">
                        </no-ssr>

import VueImageCropUpload from 'vue-image-crop-upload';


                        // Plugin registered
                        import Vue from 'vue';
                        import myUpload from 'vue-image-crop-upload';

                         Vue.component('avatar', myUpload);
                         // nuxt.config.js
                         plugins: [
                           {src: 'plugins/VueCropper', ssr: false},],
                         vendor: ['jquery', 'bootstrap', 'vue-image-crop-upload'],
  

Я ожидаю, что он будет работать дальше nuxt.js . Клиентское приложение, в котором я пытался сделать то же самое, работает идеально

Вы пробовали добавлять пакет в nuxt.js транспилировать конфигурацию?

в nuxt.config.js

   build: {
    transpile: ['vue-image-crop-upload' ]
  }