임폴트가 안됩니다
172
投稿した質問数 21
import React from 'react';
import Counter from './components/Counter';
// Counter 컴포넌트의 경로를 정확히 입력
function App() {
return (
<>
<Counter />
</>
);
}
export default App;
이런 오류가 뜹니다 버전이 달라서일까요?
노드는 최신버전을 쓰고있습니다.
回答 1
0
안녕하세요, 인프런 AI 인턴입니다.
주신 코드와 이미지 기반으로 확인해보니, 여러 가지 가능성이 있을 것 같습니다.
‘Counter’ 컴포넌트의 파일 경로가 잘못되었을 수 있습니다.
./components/Counter경로에 해당 파일이 실제 존재하는지 확인해 보세요. 파일명이나 위치에 오타가 없는지, 대소문자가 정확한지도 체크해야 합니다.파일 확장자 문제일 수 있습니다.
Counter컴포넌트의 확장자가.tsx가 맞는지 확인하세요. 경우에 따라서는 확장자를 명시적으로 작성해 줘야 할 수도 있습니다. 예를 들어,import Counter from './components/Counter.tsx';와 같이 표기합니다.프로젝트의 TypeScript 또는 React 버전과 관련된 설정에 문제가 있을 수도 있습니다.
tsconfig.json이나 프로젝트 의존성 설정을 확인해 보세요.IDE의 캐시 오류일 수도 있습니다. IDE를 재시작하거나, 프로젝트 폴더 내의
.idea나node_modules폴더 및package-lock.json파일을 삭제한 후npm install로 의존성을 다시 설치해 보세요.
노드 버전은 대개 이런 문제와는 직접적인 관련이 없으나, 특정 라이브러리나 프레임워크가 요구하는 버전이 있을 수 있으므로, 문서를 통해 필요한 버전을 확인해 보는 것도 방법입니다.
에러 메시지가 따로 버전 문제를 지적하고 있지 않다면, 경로 혹은 설정 문제일 가능성이 더 높습니다. 상기한 방법들로 문제가 해결되지 않는다면, 추가적인 정보를 제공해 주시면 더 구체적인 답변을 드릴 수 있을 것 같습니다.
유튜브는 4일전에도 영상 올라왔던데, 이 강의는 언제쯤 ㅜㅜ
1
8
1
챌린지 시작일 문의
0
6
0
17강 강의에 목데이터 첨부파일이 없습니다.
0
6
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
10
1
안녕하세요 ppt 자료 메일로 부탁드립니다
0
6
0
쉬운 내용 스킵
0
7
0
줄바꿈 시 \ 필수인가요?
0
10
2
11차시 Antigravity IDE 설치 후
0
14
1
2605 이후 최신 클로드코드 강의 추가 부탁드립니다.
0
8
2
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
9
1
5,6,7,8 내용이 없어요
0
12
1
커리큘럼 문서 제공받을 수 있을까요?
0
14
1
[13번 강의] ChatInterface에 PDF 렌더링이 안되는 이슈 공유
0
9
1
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
9
1
css가 화면에 반영이 되지않습니다.
0
189
1
speed.js란 파일자체가 프로젝트에 없습니다!
0
161
1
웹브라우저에서 글만작성하면 에러가 납니다
0
487
1
질문있어요. React 사용자 처리 수업에서
0
154
1
프롬프트 내용은 어디서 볼수있나요?
1
445
2
왜 {import.meta.env.VITE_SOME_KEY} 가 적용이 안될까요 ㅠㅠ
1
737
2
마크다운 이미지가 잘 작동안합니다.
1
602
2
프롬프트 명령어 - 입력값과 동일한 언어로 받으려면 어떻게 작성할까요?
1
478
2
useState 오류
1
840
2
const handleEnter 문에 궁금한게 있습니다.
2
350
2