先看報錯 和 程式碼

import Header from 'components/header/Header.vue'

經過各種嘗試 發現改成 import Header from '@/components/header/Header.vue'後無報錯了

經查詢發現 webpack.base.config.js 中 已經定義好了 關於@符表示 專案中的src

之後出於好奇 試了一下 關閉eslint時 關於import自定義元件是什麼樣子的
首先 關閉eslint選項 config –> index.js裡面找到 useEslint: true, 將他改為false 再執行 npm run dev 就好了啦

再然後 更改程式碼 （我嘗試了三種）
1. import Header from '@/components/header/Header.vue
2. import Header from './components/header/Header.vue
3. import Header from 'components/header/Header.vue

實踐證明在關閉eslint後 import 進自定義元件 上述前兩種都是正確的，第三個報錯(和文章開頭一樣的錯誤)

文章最後再囉嗦一下 ，在eslint開啟下 比方元件裡面 屬性名要用單引號，否則會報錯。如果eslint關閉的情況下使用，則無此限制