을 사용하여 .obj 및 .mtl 개의 파일을로드하여 일반 JavaScript three.js 장면을 설정하려고했습니다.react.js를 통해 배포 할 때 three.js 장면을 가져올 수 없습니다.
그러나 create-react-app 상용구를 사용하여 .obj 및 .mtl 개의 파일을로드하는 중에 문제가 발생합니다. 내가 시도
unexpected line <!DOCTYPE html>
:
componentWillMount에서 스크립트 태그를로드 항상라는 오류가 발생합니다.three.js 장면과 관련 파일을 같은 폴더에 가져옵니다.아마도 로컬 개발 서버에서 .obj 및 .mtl 파일을 제공하려고한다고 생각합니다. 종종 단일 페이지 응용 프로그램 용 로컬 개발 서버는 단일 페이지 응용 프로그램의 HTML로 모든 요청에 응답하도록 설계되었습니다. 이 앱은 정적 파일을 게재하는 데 특별한 위치를 사용합니다. the directions for including static files using create-react-app을 따라야합니다 (public 폴더에 파일을 넣으십시오).
응답 해 주셔서 감사합니다. % PUBLIC_URL % /, compononentDidMount()를 시도해 보았습니다. 헤더에 스크립트 태그를 추가하고 5 초 후에도 settimeout을 사용하여 오류가 계속 발생했습니다. 이 html 파일을 보시기 바랍니다. https://jsfiddle.net/9bLzsqwr/ –
'% PUBLIC_URL %'은 무엇입니까? '.obj'와'.mtl' 파일은 어디에 있습니까? –
위의 설명에서 "정적 파일 포함을위한 지침"링크를 공유 할 때 내 공용 폴더에 파일을 저장하십시오. 내 .obj 및 .mtl 파일을 비슷한 방식으로로드하려고 시도했지만 시간 제한도 있지만 같은 오류가 발생합니다. 이 파일을로드하는 방식에 대해이 업데이트 된 바이올린을 살펴 보겠습니다. https://jsfiddle.net/9bLzsqwr/4/ –
componentDidMount에서 스크립트 태그를로드 해보십시오. componentWillMount이 실행 중일 때 renderer.domElement가 추가 할 요소가 아직 탑재되지 않았습니다.
내가 componentDidMount 게다가. 이 htm https://jsfiddle.net/9bLzsqwr/에서 파일을로드하는 방법을 살펴보십시오. –
React 앱의 HTML과 같은 자세한 내용을 제공해야합니다. –