1. 程式人生 > >自定義元件引入報錯

自定義元件引入報錯

問題描述:我今天寫了一個元件,該元件和引用該元件的頁面放到了相同的目錄內。
在這裡插入圖片描述

報錯資訊:
在這裡插入圖片描述
看到了這個問題,小編很鬱悶,首先想到去找度娘,發現度娘上很多人的講解很我遇到的問題的關聯不是很大。所以小編還是喜歡自己投入研究。
最後發現問題出在了元件引進的地方:

以前的引入方式:
    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。
希望對您的有幫助謝謝。