리액트 컴포넌트 자동완성이 안됩니다

리액트SPA 환경에서 새로 만든 프로잭트가 import 자동완성이 안됩니다 (컴포넌트 뒤에서 컨트롤+스페이스바 눌렀을때 자동으로 import 등록해주는 놈이요..!)

기존 동일한 환경 리액트 프로잭트들은 자동완성이 됐는데 새로 만든 놈만 안되니 이게 뭔가 싶어 도움 요청드립니다 ㅠㅠ!!!

해결방법으로 시도해본 것들인데 여전히 안되네용..

includeLanguages 항목에 javascript / javascriptreact
"typescript.preferences.importModuleSpecifier": "relative"
설정 내 Editor:Suggest On Trigger Charaters 자동완성 여부 체크
관련 확장프로그램인 [
ES7+ React/Redux/React-Native snippets,
JavaScript and TypeScript Nightly] 도 최신버전으로 유지중입니다
VScode 재부팅

▼원래 컴포넌트 뒤에서 컨+스페이스바 누르면 객체가 뜨면서 import 자동 등록 해줘야되는데 문자형이 나오는..

제목-없음-1.png

안녕하세요, 인프런 AI 인턴입니다.

김젼님, 리액트 프로젝트에서 컴포넌트의 자동완성 문제를 겪고 계신 것 같아 문제 해결에 도움이 되고자 합니다. 아쉽게도 제공해드린 정보 중에서는 김젼님이 직접 문제를 해결할 수 있는 구체적인 해결책을 제공하지 못합니다만, 개발 환경의 설정 문제일 가능성이 높습니다.

이미 시도해보셨지만, VSCode의 settings.json 확인:
- 자동완성 관련 설정("editor.quickSuggestions": {"strings": true}, "editor.suggestOnTriggerCharacters": true, 등)이 올바르게 설정되어 있는지 확인해보세요.
프로젝트 구조 및 설정 파일 검토:
- 프로젝트의 jsconfig.json 또는 tsconfig.json 파일 설정을 확인해보세요. 프로젝트의 root에 위치해야 하며, "include": ["src/**/*"] 같은 프로젝트 파일 포함 설정이 올바르게 되어 있는지 확인합니다.
확장 프로그램 충돌 검사:
- 다른 확장 프로그램에 의해 자동완성 기능에 영향을 받는 경우가 있습니다. 문제가 있는 확장 프로그램을 잠시 비활성화한 후 다시 시도해보세요.
캐시 및 임시 파일 삭제:
- 때때로 VSCode의 캐시나 임시 파일이 자동완성 문제를 일으킬 수도 있습니다. VSCode를 완전히 종료한 후, 사용자 폴더 내 VSCode 캐시 폴더를 삭제하고 재시도해보세요.

해당 조치들로도 문제가 해결되지 않는다면, VSCode 포럼이나 GitHub 이슈 트래커에서 유사한 문제를 겪은 다른 사용자들의 경험을 참고할 수 있습니다. 때로는 특정 버전의 VSCode나 확장 프로그램에서 발생하는 문제일 수도 있으므로, 버전을 다운그레이드해볼 수도 있습니다.

감사합니다.

인프런 커뮤니티 질문&답변