我已经使用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构建插件。
随附的是我的插件目录结构的屏幕截图: