組件調用錯誤，路徑問題

使用vue-cli構建項目，在項目進行的過程當中，某個詳情頁調用組件報錯，在別的頁面中一樣調用過該組件，可是沒有報錯。錯誤信息以下：

This dependency was not found:
* play.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/detail/detail.vue
To install it, you can run: npm install --save play.vue

引用組件代碼：

<script>
  import play from 'play.vue';
  import foot_contact from '../home/foot_contact.vue';
  export default {
  name: "detail",
  components: {
    play,
    foot_contact,
  },
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1'
    }
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
     }
   }
 }
</script>

經查證，是路徑問題。由於子組件與父組件在同一個目錄下，因此引入子組件時，我直接使用了組件的文件名（play.vue）。這使得vue在編譯時，把它當作node_modules下的模塊，所以要求你安裝。

在項目中引用組件是須要寫相對路徑的，即便是在同一目錄下。在個人項目中，須要改正的也就是'./play.vue'。

在信息時代，知識的分享使得問題的解決比之前容易不少，只有不斷總結與前進，你才能與時俱進。感謝網友們的分享：https://segmentfault.com/q/10...