javascript - vue-cli建構項目，在app.vue裡面呼叫一個元件時報錯，但在子頁面當中卻沒問題，什麼原因？

Question

我用vue-cli建構了一個項目，只有在app.vue裡調用元件時就報錯，但​​在子頁面當中卻能正常調用，到底是什麼原因？
下面是錯誤回報：

ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 
Module not found: Error: Can't resolve 'components/navList.vue' in 'C:\Users\Mr.Mo\oneapp\pt\src'
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 3:0-45 
 @ ./src/App.vue 
 @ ./src/main.js 
 @ multi ./build/dev-client ./src/main.js

另外我在npm終端機看到這個錯誤提示：

 This dependency was not found:

* components/navList.vue in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

To install it, you can run: npm install --save components/navList.vue

這是app.vue的部分程式碼：

<script>
import navList from 'components/navList.vue'
export default {
  name: 'app',
  data:function(){
    return {
     items:[
       {text:'asd',href:'#'}
      ]
    }
  },
  components:{
    'nav-list':navList
  }
}
</script>

Answer 1

import navList from 'components/navList.vue' 这个的路径错了哦。没有猜错的话你试试这么写，import navList from './components/navList.vue'

Answer 2

昨天寫的時候也出現這種情況。 。
找了半天沒發現怎麼回事。 。因為確信什麼都沒錯。 。
然後我把進程關了重啟一次就編譯成功了。 。坑爹。 。報錯也跟你的一樣。除了路徑。 。

Answer 3

'./components/navList.vue'

在專案目錄下的前面是需要寫點的，都是相對路徑，如果是node_modules目錄裡的，可以直接引用

如

import "vue"