自定义Vue JS插件无法与Nuxt JS正确导入

时间:2019-05-14 14:37:14

标签: vue.js plugins vuejs2 vue-component nuxt.js

我已经使用vue create <my-plugin-name>vue-cli-plugin-p11n插件构建了Vue JS 2.x插件。我有一个目录结构,该目录结构由一个包含一些已编译JS文件的dist/目录和一个包含我的组件的主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

0 个答案:

没有答案