VUE全局组件无法渲染，是什么情况？

Question

    <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!'
        },
        //创建一个 全局 组件
        //这里是负数，因为可以创建多个组件
        components: {
            'l-chj': {
                template: `<p>这个是局部组件模板</p>`
            }
        }
    })
    </script>

无论l-chj和g-chj的前后顺序是什么样的。都是只渲染局部组件
控制套报错：

Failed to mount component: template or render function not defined.
那就是全局组件的锅了，所以，这个问题到底何解？度娘谷歌的答案都和其他比如webpack等相关

Answer 1

template 单词写错了...

Answer 2

楼上666，如果你使用的vscode，可以下载一个插件 Code Spell Checker,帮助你解决单词拼写错误导致的问题