inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

npm start 시, WARNING in ./node_modules/html-entities/lib/index.js 가 발생합니다.

해결된 질문

489

Apoint VR

작성한 질문수 2

1

섹션 3. Transform(변환) 에서 소스코드를 다운로드 받고,

VS Code에서 Transform 폴더를 추가한 후,

readme.txt의 순서대로,

패키지 설치하고,

서버 구동을 진행했습니다.

 

npm start 명령 후,

아래의 내용과 같이 WARNING과 Failed가 발생합니다.

 

WARNING in ./node_modules/html-entities/lib/index.js

Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):

Failed to parse source map from 'Z:\STUDY\04\transform\node_modules\html-entities\src\index.ts' file: Error: ENOENT: no such file or directory, open 'Z:\STUDY\04\transform\node_modules\html-entities\src\index.ts'

@ ./node_modules/webpack-dev-server/client/overlay.js 10:0-39 212:28-34

@ ./node_modules/webpack-dev-server/client/index.js?protocol=ws%3A&hostname=0.0.0.0&port=8080&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true 12:0-60 135:46-59 242:27-40 273:28-41

 

1.png

추가로 npm version 명령의 결과는,

{

'threejs-study': '1.0.0',

npm: '10.2.4',

node: '20.11.1',

acorn: '8.11.2',

ada: '2.7.4',

ares: '1.20.1',

base64: '0.5.1',

brotli: '1.0.9',

cjs_module_lexer: '1.2.2',

cldr: '43.1',

icu: '73.2',

llhttp: '8.1.1',

modules: '115',

napi: '9',

nghttp2: '1.58.0',

nghttp3: '0.7.0',

ngtcp2: '0.8.1',

openssl: '3.0.13+quic',

simdutf: '4.0.4',

tz: '2023c',

undici: '5.28.3',

unicode: '15.0',

uv: '1.46.0',

uvwasi: '0.0.19',

v8: '11.3.244.8-node.17',

zlib: '1.2.13.1-motley-5daffc7'

}

와 같습니다.

blender 인터랙티브-웹 three.js

답변 1

0

Apoint VR

3월 5일 오전 확인한 결과,

node_modules 폴더 삭제하고, package-lock.json 삭제, package.json을 원래 파일로 복원 후

readme.txt 파일의 "패키지 설치"부터 다시 시작하면 정상적으로 동작합니다.

 

그동안 확인한 내용은,

3월 3일까지는 정상적으로 동작

3월 4일에 위의 질문 내용의 Warning과 Failed 발생

3월 5일에 다시 정상적으로 동작

 

jackage-lock.json의 파일을 추적해본 결과,

3월 3일까지는 node_modules/html-entities의 version이 2.4.0 이 설치됨

3월 4일에는 node_modules/html-entities의 version이 2.5.0 이 설치됨

3월 5일에는 node_modules/html-entities의 version이 2.5.2 가 설치됨

 

node_modules/html-entities의 version up되는 과정에서의 해프닝이었지 않았나 싶습니다.

 

추가

.env 파일 안 만들어도 됩니다.

box3.position.x 위치

0

38

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

77

0

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

0

138

1

setAnimationLoop 위치가...

0

99

1

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

0

135

1

블렌더 texture paint 시 미러모드

0

163

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