Почему webstorm не понимает импорты компонентов через @ во vue?

Question

[YbeysaHelp]

Вебшторм не понимает импорты компонентов через @ что делать?

Comments

[Strannyk]

Смириться или создать тикет в YouTrack.

[Сергей delphinpro]

File | Settings | Languages & Frameworks | JavaScript | Webpack
Укажите путь к конфигу webpack ........\node_modules\@vue\cli-service\webpack.config.js

[WapSter]

Сергей delphinpro, спасибо, в принципе не мешало. Но все равно приятно когда работает все как нужно)

[YbeysaHelp]

Сергей delphinpro, работает только с vue-cli. Не могу понять какой файл у nuxt является конфигом. Если nuxt.config.js то с ним не робит ;(

[Сергей delphinpro]

YbeysaHelp, Я с nuxt не работал.
Но он наверное по такому же принципу работает. Или тот vue-cli использует/ Поищите webpack.config.js там же, в node_modules

Answer 1

[YbeysaHelp]

Если вы на nuxt.js то создаете свой конфиг и указываете его в настройках вебшторма.

const path = require('path')

module.exports = {
	resolve: {
		extensions: ['.js', '.json', '.vue', '.ts'],
		root: path.resolve(__dirname),
		alias: {
			'@': path.resolve(__dirname),
			'~': path.resolve(__dirname),
		},
	},
}