開啟eslint,關於import自定義元件報錯問題
阿新 • • 發佈:2019-01-11
先看報錯 和 程式碼
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關閉的情況下使用,則無此限制