dongnu4254
2017-10-04 11:43
采纳率: 100%
浏览 811
已采纳

使用Vue模板时出错:无法安装组件:未定义模板或渲染功能

I am trying to make some Vue Templates, but i still encounter this error:

Failed to mount component: template or render function not defined.

I found a lot of suggestions that i should include the full Vue to make this work. So i did in the bootstrap.js:

window.Vue = require('vue/dist/vue.common.js');

sadly it didnt help.

Any suggestions?

EDIT:

I think the problem is that i am trying to use an inline-template inside another one:

create.vue:

<script>
    import PartnerData from './PartnerForm.vue';

    export default {

        components: {
            'partnerdata': PartnerData
        },

        data() {
            return {}
        },

        mounted() {
            console.log('hello');
        },

    }
</script>

PartnerForm.vue:

<script>
    export default {

    }
</script>

and this is my form.blade.php

<partnerdata inline-template>

    <div class="ui grid form">

        <div class="two column row">

            <!--COLUMN 1-->
            <div class="column">
...
</partnerdata>

when i just put a template tag in the PartnerForm.vue like this:

<template> HELLO </template>
<script>
    export default {

    }
</script>

Then Hello gets rendered. But if i try to use the form as an inline template i get that error.

图片转代码服务由CSDN问答提供 功能建议

我正在尝试制作一些Vue模板,但我仍然遇到这个错误:

无法安装组件:模板或渲染函数未定义。

我发现了很多建议,我应该包含完整的Vue才能使其工作。 所以我在bootstrap.js中做了:

  window.Vue = require('vue / dist / vue.common.js'); 
   
 
 

遗憾的是它没有帮助。

有任何建议吗?

编辑: < p>我认为问题是我正在尝试在另一个内部使用内联模板:

create.vue:

   &lt; script&gt; 
从'./PartnerForm.vue'导入PartnerData; 
nn导出默认{
 
组件:{
'partnerdata':PartnerData 
},
 
 data(){  
返回{} 
},
 
已挂载(){
 console.log('hello'); 
},
 
} 
&lt; / script&gt; 
  <  /pre>

PartnerForm.vue:

<script>
 export default {
 
} 
&lt; / script&gt; 
    
 
 

这是我的form.blade.php

 &lt; partnerdata inline-template&gt; 
 
&lt;  ; div class =“ui grid form”&gt; 
 
&lt; div class =“two column row”&gt; 
 
&lt;! -  COLUMN 1  - &gt; 
&lt; d  iv class =“column”&gt; 
 ... 
&lt; / partnerdata&gt; 
   
 
 

当我在这样的PartnerForm.vue中放置模板标签时 :

 <代码>&LT;模板&GT;  HELLO&lt; / template&gt; 
&lt; script&gt; 
导出默认值{
 
} 
&lt; / script&gt; 
   
 
 

然后Hello呈现。 但是,如果我尝试将该表单用作内联模板,则会出现该错误。

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题