`import/no-unresolved`and`import/extensions` showed up when I gave a `settings` on `.eslintrc`

[fengxinming]

Version

3.0.4

Reproduction link

https://github.com/fengxinming/vuecli3-demo

Node and OS info

node: v8.11.1, npm: 6.4.1, OS: MacOS10.13.5

Steps to reproduce

npm i
npm run build

What is expected?

no warnings showed up

What is actually happening?

/Users/jesse/workspace/vuecli3-demo/src/main.js
2:17 error Unable to resolve path to module '@/App.vue' import/no-unresolved
3:20 error Unable to resolve path to module '@/router' import/no-unresolved
3:20 error Missing file extension for "@/router" import/extensions
4:19 error Unable to resolve path to module '@/store' import/no-unresolved
4:19 error Missing file extension for "@/store" import/extensions
5:8 error Unable to resolve path to module '@/registerServiceWorker' import/no-unresolved
5:8 error Missing file extension for "@/registerServiceWorker" import/extensions

✖ 7 problems (7 errors, 0 warnings)

---

I have provided a demo on github, you may check the link

[haoqunjiang]

Use the webpack config exported by @vue/cli-service (which will load config from vue.config.js) instead of directly requiring vue.config.js.

vue-cli/packages/@vue/eslint-config-airbnb/index.js

Lines 5 to 10 in e31e2ac

	settings: {
	'import/resolver': {
	webpack: {
	config: require.resolve('@vue/cli-service/webpack.config.js')
	}
	},

[fengxinming]

@sodatea It still can not resolve my issues

[fengxinming]

@sodatea

I have provided a demo, did you check it?

[eslint] Unable to resolve path to module '@/registerServiceWorker'. (import/no-unresolved)
[eslint] Missing file extension for "@/registerServiceWorker" (import/extensions)

[haoqunjiang]

@fengxinming Here's the screencast: https://asciinema.org/a/82BJQb23Qgbd628ql5Kyl7XgP

[fengxinming]

@sodatea but the codes in my vscode, it still shows red underline

[haoqunjiang]

Then it's a vscode issue.
Possible related:
#2546
microsoft/vscode-eslint#405

[Ross-Hunter]

#2628 (comment) in combination with installing eslint-import-resolver-webpack worked for me.