Всем привет. Подскажите, плз. webstorm vue @ alias doesn't see components Т.е. Пытаюсь

Question

Всем привет. Подскажите, плз. webstorm vue @ alias doesn't see components Т.е. Пытаюсь

подключить мой компонент. Делаю следующей командой
import AppToDivInput from "@/components/AppToDivInput";
Но вебшторм не видит и ругается Module is not installed
vite.config имеет такой вид:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './project_name/src'),
},
},
})
Причем через относительный путь (если вместо алиаса поставить .) все работает.
Как можно поправить работу алиаса?

#frontend #javascript #programming #russian #vue.js

0

02.06.2023

10 ответов

18 просмотров

Завьялов Владислав Автор вопроса

Roman
типо нужно import meta url юзать

А где нужно использовать? Ну т.е. где это применять?) А то я что-то контекста не уловил.

0

02.06.2023

Илюша 🎂

надо jsconfig/tsconfig и там ещё алиасы указать

0

02.06.2023

Roman

Завьялов Владислав
А где нужно использовать? Ну т.е. где это применят...

вместо dirname

0

02.06.2023

Завьялов Владислав Автор вопроса

Илюша 🎂
надо jsconfig/tsconfig и там ещё алиасы указать

Я видел какое-то упоминание об этом, когда гуглил ошибку. Но не придал значение. Добавил в корень проекта файл jsconfig.json и следующий конфиг: { "compilerOptions": { "baseUrl": ".", "paths": { "@/common/*": [ "../src/common/*" ], "@/components/*": [ "../src/common/components/*" ], "@/utils/*": [ "../src/common/utils/*" ], "@/modules/*": [ "../src/modules/*" ] } } } Но чет не помогло. Я что-то упустил?

0

02.06.2023

Завьялов Владислав Автор вопроса

В общем, пошел тупо методом тыка. Нашел вот такой тред: https://stackoverflow.com/questions/66043612/vue3-vite-project-alias-src-to-not-working Там куча комментариев, где каждый пишет, что ему не помог прошлый ответ, но вот зато его собственный, точно рабочий! 😁 И один из последних комментариев мне действительно помог. Осталось понять, почему именно это настройка конфигурации работает... И почему для одних работает одно, а для других - другое.

0

02.06.2023

Roman

Завьялов Владислав
В общем, пошел тупо методом тыка. Нашел вот такой ...

я это юзаю : import { ViteAliases } from 'vite-aliases';

0

02.06.2023

Завьялов Владислав Автор вопроса

Roman
я это юзаю : import { ViteAliases } from 'vite-ali...

Я плохо ориентируюсь, только погружаюсь т.с.. А где ты это юзаешь? В каком из файлов и в каком контексте?)

0

02.06.2023