inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

three.js 사용 방법 3

css가 연결이 안되요 ㅜㅜ

312

jongkmin1991

작성한 질문수 6

0

사용방법 3 듣는중인데요 main.css를 연결하려고 하는데 저렇게 뜨는데 무슨 문제일까요?

blender 인터랙티브-웹 three.js

답변 1

0

1분코딩

보통 파일의 경로가 잘못되었을 경우 나타날 수 있는 에러로 보입니다! 브라우저가 CSS 파일을 찾지 못하면, 대신 HTML 문서를 반환하려고 시도할 수 있고.. 이게 "text/html" MIME 타입으로 인식되어서 에러가 발생할 수 있거든요. src 폴더 안에 main.css가 있는지 확인해 보시겠어요?

파일이 있는데도 그런 에러가 발생한다면, webpack.config.js 파일의 맨 아래, CopyWebpackPlugin 부분에 main.css 경로가 잘 활성화되어있는지를 살펴보시면 좋을 것 같아요.

그래도 안된다면 웹팩을 설치하고 실행하는 경로가 잘못되었을 가능성이 있어서, 파일을 싹 지우시고 새로 다운로드 받으신 후에, 폴더 경로가 강의 내용과 정확히 일치하는지 꼼꼼히 확인하시면서 처음부터 해보시면 좋을 것 같습니다.

box3.position.x 위치

0

37

1

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

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

76

0

그림자가 다르게 표현됩니다

0

138

1

setAnimationLoop 위치가...

0

99

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

134

1

블렌더 texture paint 시 미러모드

0

163

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

104

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

963

2

fin 버전도 그냥 실행이 안돼요

0

289

2

자바스크립트 실행이 안되는 것 같아요

0

378

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

238

1

live server와 localhost:8080

0

345

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

270

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

207

1