webPack 설정 관련 질문드립니다.
안녕하세요.
App.tsx 에서 페이지 import 하는 상황에서 오류가 발생했습니다.
오류 발생 내용은
위 코드의 import 구문에서 cannot find module 에러가 발생했구요
실제로 브라우저에 발생한 에러 내용을 보니 path 자체가 alias에 설정한 경로로 접근을 못하고 App파일이 존재하고 있는 layout 폴더에서 찾고 있었습니다
그래서 임시로
경로를 바꿔봤지만 에러만 안날뿐이지 실제 라우팅이 적용이 안되고있습니다.
제 추측으로는 tsconfig.json 또는 webpack.config.ts 파일에서 뭔가 경로 인식을 못한다는 생각에 강사님이 기존에
작성하신 설정 파일의 코드와 하나하나 비교를 해봤지만 똑같이 안되더라구요...
하기는 제 설정파일의 경로 지정입니다..
1. webpack.config.ts
2. tsconfig.json
3. 폴더 구조
답변 부탁드립니다 ㅠㅠ
답변 3
0
답변 감사드립니다.
일단 어찌어찌 해결은 했는데 궁금한게 index.tsx라고 프로그램 내부에서 명명 규칙인가요??
index.tsx라고 쓰면 import 할때
@pages/폴더이름 만 쓰면 되고
Login.tsx라고 쓰면
@pages/폴더이름/Login 까지 써야되더라구요
그래서 궁금한게 alias에서 설정한 경로는 폴더 구조에서 index파일을 찾는건지 궁금합니다!
기본 셋팅과 관련하여
0
91
1
초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법
0
96
2
focus 시에만 화면 업데이트 되는 이유 + 해결방법
0
149
2
useEffect 개수 관리
0
109
2
라이브러리 서치 방법
0
103
2
함수 정의 패턴
0
77
1
npm run dev 에러
0
152
3
npx webpack 후 에러
0
178
2
'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)
0
143
2
사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')
1
178
2
초기세팅중 packge.json 에러떠요
0
154
2
CORS - Access-Control-Allow-Origin 누락 문제
0
430
3
로그인 페이지 무한 새로고침 현상
0
598
2
Module not found: Error: Can't resolve './App' 에러
0
955
1
배포 방법
0
296
2
npm run dev 시 빌드가 매우 느려졌습니다
0
989
2
alias 경로 설정 오류
0
448
2
fetcher 함수의 data 값이 두번 찍히는 이유
0
275
1
제네릭 질문
0
217
2
ts-node 대신 tsx 사용여부
0
373
1
배포 관련 질문
0
247
1
[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.
0
385
2
[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.
0
336
1
users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.
0
247
2