vue学习错误记录：val.toLowerCase is not a function

学习版本

• vue：2.0
• vue-cli:4.5.3

错误截图

第一条vue warn 给的错误是：Component names should conform to valid custom element name in html5 specification
根据翻译的意思：组件名称应该符合html5中有效的自定义元素名称。
一开始我以为是我的组件定义名字与html自带的元素冲突了，所以回去将所有的组件名称改为“xxx-item"符合vue建议规范的样子。
重新编译后仍然报错。
没什么办法，然后就直接搜索第二条typeError，但是百度与谷歌也没有给到我有效的解决方案。
我继续细细的检查我的代码中是否又那些地方有问题，原来是这里：

由于自己添加的script脚本标签，所以在name后面的app没有加双引号，于是解析错误了，name键后面应该跟字符串的

<script>
import MainTabBar from "@/components/content/mainTabbar/MainTabBar";

export default {
  name: "app",
  components: {
    MainTabBar
  }
};
</script>

修改后就好了