VUE全局組件無法渲染，是什么情況？

    <div id="app">
        {{message}}

           <l-chj></l-chj>
       <g-chj></g-chj>


    </div>
    <script type="text/javascript">
    Vue.component('g-chj', {
        tempalte: `<p> 這個是全局組件模板</p> `
    })
    var app = new Vue({
        el: "#app",
        data: {
            message: 'hello world!'
        },
        //創(chuàng)建一個 全局 組件
        //這里是負(fù)數(shù)，因?yàn)榭梢詣?chuàng)建多個組件
        components: {
            'l-chj': {
                template: `<p>這個是局部組件模板</p>`
            }
        }
    })
    </script>

無論l-chj和g-chj的前后順序是什么樣的。都是只渲染局部組件
控制套報錯：

Failed to mount component: template or render function not defined.
那就是全局組件的鍋了，所以，這個問題到底何解？度娘谷歌的答案都和其他比如webpack等相關(guān)