OrbitControls가 VS code Live Server에서는 동작을 안합니다
661
작성한 질문수 1
씬,카메라, 조명, 지오메트리등등 모두 문제없이 생성되는데 OrbitControls를 임포트하면 vs code live server에선 구동을 안합니다 왜 그런가요? 콘솔창에서는 딱히 경고 메세지는 뜨지 않습니다. npm start로 서버를 구동하는것과 vs code 플러그인 live server에서 파일을 여는것과 어떤 차이가 있나요?
답변 2
0
[섹션1.three.js의 기본 요소 익히기]에서
[(참고) npm, webpack을 사용하지 않고 개발하는 방법]
강의 영상대로 진행하셨는데도 안되시는건가요? 💦
1. OrbitControls.js 파일의 가장 첫부분 (대략 9행)에 경로를 three에서 three.module.js파일이 있는 경로로 수정
오빗컨트롤을 import 해오는 파일에서 경로가 올바른지 확인
OrbitControls.js 파일이 2에 설정한 경로에 제대로 들어있는지 확인
오빗컨트롤을 import 해오는 파일을 html script에서 불러올 때 type="module"인지 확인
0
보통 외부 모듈은 불러오지 못할 경우 콘솔에 에러 메시지가 뜨는데요- 콘솔에서 에러 메시지가 뜨지 않는다면 불러오지 못한 문제는 아닐 것 같은데 이상하네요 음.. live server와 node로 실행하는 데에 차이가 있다기 보다는, 파일구성 경로와 웹팩 세팅이 안맞아서 못불러오는 경우는 있을 것 같은데 그럴 경우에는 콘솔에 에러가 뜨거든요.
계속 안된다면, 일단 node_modules/three/examples/jsm/controls/OrbitControls.js 파일을 직접 복사해서 src 폴더에 넣고 './OrbitControls.js' 경로로 import 해보시겠어요?
리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?
0
81
1
소스코드 파일이 강의랑 같나요?
0
118
2
materials 배열에 있는 top, bottom ... 들에 대해서
0
118
0
gltf 포맷 사용
0
243
1
점프 애니메이션 stop
0
127
2
사양에 따른 다른 결과
0
112
1
중복 질문 삭제
0
160
1
혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
0
124
1
gltf.scene.children 이 없는데도 모델이 화면에 떠요
0
101
2
GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!
0
160
1
일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요
0
77
0
그림자가 다르게 표현됩니다
0
138
1
setAnimationLoop 위치가...
0
99
1
얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요
0
135
1
블렌더 texture paint 시 미러모드
0
164
0
DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!
0
104
1
blender 에서 색칠하기 편 Texter paint slot추가없음
0
966
2
fin 버전도 그냥 실행이 안돼요
0
289
2
자바스크립트 실행이 안되는 것 같아요
0
379
1
모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?
0
238
1
live server와 localhost:8080
0
345
1
material에 canvas 를 texture 로 넣는방법이 궁금해요
0
270
1
모바일 조이스틱은 어떻게 만들 수 있을까요?
0
208
1
징검다리 예제에서 SpotLight가 동작 오류
0
302
2