Пользовательский плагин Vue JS неправильно импортируется с Nuxt JS - PullRequest
Новая
       30

Пользовательский плагин Vue JS неправильно импортируется с Nuxt JS

0 голосов
/ 14 мая 2019

Я создал плагин Vue JS 2.x, используя vue create <my-plugin-name> и плагин vue-cli-plugin-p11n.У меня есть структура каталогов, которая состоит из каталога dist/ с несколькими скомпилированными файлами JS и главной папки src/, содержащей мои компоненты.

Я бы хотел использовать эти компоненты в Nuxt JS 2.4.x.

Я создал плагин plugins/LesForm.js и добавил '@/plugins/LesForm' к моему массиву плагинов в nuxt.config.js.

Мой файл плагинов состоит из: 

import Vue from 'vue'
import LesForm from 'LesForm'

Vue.use(LesForm)

Затем я пытаюсь импортировать плагин с его компонентом на страницу, выполнив: <LesForm></LesForm> на своей странице.

Сначала я получаю сообщение об ошибке:

Failed to mount component: template or render function not defined., но добавление следующего к моему тегу скрипта на странице, кажется, удаляет эту ошибку, но это кажется неправильным? 

<script>

import LesForm from 'LesForm'

export default {
  components: {
    LesForm
  }
}

</script>

без этого мои разрывы страниц, и добавив его, я получаю: Failed to mount component: template or render function not defined. как ошибка без признаков моего плагина Vue, который я сделал с некоторой разметкой.

Я использую сервис Vue Cli для сборки моего плагина через NPM.

В приложении естьскриншот структуры каталогов моего плагина:

enter image description here

...