最近在學習Vue時，遇到了一個import報錯的問題。代碼如下：

import Vue from 'vue'
import App from './App'
new Vue({
el: '#app',
render: h =>h(App)
})

這個代碼是在main.js里面，用來加載App.vue。但是在運行npm run dev之后，控制臺提示了以下錯誤信息：

ERROR in ./src/main.js
Module not found: Error: Can't resolve './App' in 'D:\workplace\vue\myproject\src'
 @ ./src/main.js 4:0-24
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

該錯誤信息提示無法繼續引入App.vue。因此，需要檢查一下路徑是否正確。將代碼中的'./App'改為'./App.vue'即可避免該問題，修改后的代碼如下：

import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
render: h =>h(App)
})

這個問題雖然很簡單，但是卻有一定的參考意義。在開發中，遇到import報錯的問題，需要逐個檢查每個import語句的路徑是否正確。如果是頂級文件，需要添加后綴名；如果是component，需要檢查一下component名字是否正確。最重要的是不要心急，耐心解決問題即可。