혹시 gltfloader
495
작성한 질문수 4
수업 들은 예제들을 리액트 프로젝트에서 열어보려고 react-create-app 으로 프로젝트 생성한 다음
컴포넌트 만들고 canvas 태그 만든후 useRef로 접근하여 렌더러 생성해주었습니다.
그리고 gltfLoader 사용해서 만든 glb 파일 불러오려는데
GLTFLoader.js:185 SyntaxError: Unexpected token < in JSON at position 0
자꾸 이렇게 에러가 뜹니다 ㅠㅠ 어떤게 문제인가요..?
답변 1
1
해당 에러 메시지는 웹서버에서 gltf를 처리하지 못하는 경우(gltf 파일을 찾지 못하고 html 페이지를 반환)에 발생하는데요, 리액트에서 three.js를 사용할 경우 이런 저런 이슈들 때문에 (저도 아직 사용해보지는 않았지만) react-three-fiber를 사용하는 것 같습니다.
https://github.com/pmndrs/react-three-fiber
도움이 될만한 링크도 찾아보았습니다.
https://theubermensch.tistory.com/189
https://dev.to/trevorzylks/three-js-react-three-fiber-basics-and-loading-3d-models-gltf-5g80
https://relatablecode.com/how-to-use-three-js-in-a-react-app-to-render-a-3d-model
CDN으로 수업을 들을경우
0
16
1
리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?
0
98
1
소스코드 파일이 강의랑 같나요?
0
138
2
materials 배열에 있는 top, bottom ... 들에 대해서
0
131
0
gltf 포맷 사용
0
262
1
점프 애니메이션 stop
0
143
2
사양에 따른 다른 결과
0
119
1
중복 질문 삭제
0
167
1
혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
0
129
1
gltf.scene.children 이 없는데도 모델이 화면에 떠요
0
118
2
GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!
0
181
1
일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요
0
85
0
그림자가 다르게 표현됩니다
0
155
1
setAnimationLoop 위치가...
0
111
1
얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요
0
150
1
블렌더 texture paint 시 미러모드
0
172
0
DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!
0
110
1
blender 에서 색칠하기 편 Texter paint slot추가없음
0
1025
2
fin 버전도 그냥 실행이 안돼요
0
304
2
자바스크립트 실행이 안되는 것 같아요
0
408
1
모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?
0
247
1
live server와 localhost:8080
0
361
1
material에 canvas 를 texture 로 넣는방법이 궁금해요
0
280
1
모바일 조이스틱은 어떻게 만들 수 있을까요?
0
219
1