Как можно отдельно импортировать компонент nuxt-link и зарегистрировать его в приложении Vue CLI 3? - PullRequest
Новая
       13

Как можно отдельно импортировать компонент nuxt-link и зарегистрировать его в приложении Vue CLI 3?

0 голосов
/ 09 октября 2018

Учитывая компонент, такой как созданный в Vue CLI 3 сгенерированном приложении : 

<template>
  <div class="foo">
    <div class="foo__body">
      <nuxt-link :to="to">{{bar}}</nuxt-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "my-foo",
  props: {
    bar: {
      type: String,
      required: true
    }
    to: {
      type: String,
      required: true
    }
  }
};
</script>

Как компонент nuxt-link может быть индивидуально импортирован и зарегистрированв Vue CLI 3 App для использования внутри компонента?Цель состоит в том, чтобы создать компонент Vue library library с различными компонентами, которые будут использовать nuxt-link, которые в конечном итоге будут импортированы / использованы в реальном приложении nuxt.

vue-router имеетбыл установлен во всем мире.nuxt зависимость была также добавлена ​​в проект как devDependency: 

import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

Попытка импортировать и зарегистрировать NuxtLink в соответствии с расположением компонента взависимость приводит к ошибке TypeError: Cannot read property 'resolve' of undefined: 

import NuxtLink from "nuxt/lib/app/components/nuxt-link.js";

Vue.component("nuxt-link", NuxtLink);

Может ли этот компонент импортироваться и использоваться отдельно от Nuxt?Или для библиотеки компонентов с компонентами, которые будут использоваться в реальном приложении Nuxt с nuxt-link, есть ли способ рендеринга / насмешки компонента nuxt-link, который позволил бы использовать фактический компонент при импорте вПриложение Nuxt?

Спасибо за любую помощь, которую вы можете оказать

...