自定义组件引入报错

问题描述：我今天写了一个组件，该组件和引用该组件的页面放到了相同的目录内。

报错信息：

看到了这个问题，小编很郁闷，首先想到去找度娘，发现度娘上很多人的讲解很我遇到的问题的关联不是很大。所以小编还是喜欢自己投入研究。
最后发现问题出在了组件引进的地方：

以前的引入方式：
    import myTree from 'myTree'
    <script>
      import myTree from 'myTree'
      export default {
        name: 'myTree',
        components:{
          myTree
        }
      }
    </script>
    说明：上面的引入小编考虑，该组件与该页面是在同一个目录下，所以通过此种方式来引入肯定是正确的。但是报错。
    最后小编通过自身的努力发现上面的引入方式不对，修改为如下的方式后代码显示正常：
        <script>//
  ***import asideTree from '../mypage/asideTree'***
  export default {
    name: 'asideTree',
    components:{
      asideTree
    }
  }
</script>
修改的方式：先退出一层，然后再进来。小编觉得这个是vue的一个bug。
希望对您的有帮助谢谢。