开启eslint，关于import自定义组件报错问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zhai_15733218875/article/details/79641415

先看报错 和 代码

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关闭的情况下使用，则无此限制