inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

3.5) Node.js 라이브러리 사용하기

라이브러리 이름

해결된 질문

104

H Hun

작성한 질문수 17

0

image.png

라이브러리 불러올때 import color1 from "randomcolor";

라이브러리 이름 정확히 적었는데 오류떠요 ㅠ

javascript react node.js

답변 2

0

이정환 Winterlood

안녕하세요 이정환입니다.

라이브러리 import 구문에서 에러가 발생한다는 것은 보통 라이브러리 설치 과정이 잘못되었을 때 발생합니다. 아래의 사항을 점검해보시면 좋겠습니다.

  • package.json의 dependencies 부분에 randomcolor가 잘 추가되었나요?

  • node_modules 폴더에 randomcolor 폴더가 잘 생성되었나요?

만약 위 두 사항중 하나라도 문제가 있으시다면 터미널에 npm install randomcolor 명령을 다시 입력하셔서 라이브러리를 정확히 설치하시면 문제가 해결될 겁니다.

위 두 사항 모두 문제 없으시다면 여기서부터는 제가 직접 확인해봐야 할 부분인것 같습니다. 질문 가이드라인에 올려드렸듯 현재 실습하고 계신 폴더 자체를 저에게 전달해주셔야 하는데요 아래의 방법으로 전달해주시면 되겠습니다.

  • node_modules 폴더를 제외하고 나머지 파일들을 압축합니다.

  • 압축된 파일을 google drive에 업로드 한 뒤 "공유" 탭을 클릭해 공유 링크를 추출합니다.

  • 추출된 공유 링크를 답글로 달아주세요

 

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. H Hun님.

질문하신 문제는 randomcolor 라이브러리를 제대로 불러오지 못하는 상황으로 보입니다. 이 경우, 몇 가지 점을 확인해 보셔야 합니다.

  1. 라이브러리 설치 확인: randomcolor가 프로젝트에 설치되어 있는지 확인해보세요. package.json 파일에 randomcolor가 포함되어야 하고, node_modules 폴더에도 randomcolor 폴더가 있어야 합니다. 만약 없다면, 다음 명령어로 설치해 주세요:

    npm install randomcolor
    
  2. package.json 설정 확인: 현재 경고 메시지가 package.json의 모듈 타입 설정에 관련된 문제를 보여주고 있습니다. 만약 ES 모듈을 사용하고 계시다면 package.json 파일에 "type": "module"을 추가하는 것이 좋습니다.

    {
     "name": "your-project",
     "version": "1.0.0",
     "main": "index.js",
     "type": "module",
     ...
    }
    
  3. 파일 경로 확인: import 구문에서 라이브러리 이름을 정확히 입력했는지 다시 한번 확인해보세요. 간혹 오타가 있을 수 있습니다.

  4. VSCode 캐시 문제: 간혹 Visual Studio Code에서 캐시가 제대로 업데이트되지 않아 독립적으로 문제가 발생할 수 있습니다. VSCode를 재시작하거나 해당 터미널을 닫고 새 터미널에서 명령어를 실행해보세요.

위의 방법으로 문제가 해결될 수 있으며, 추가로 유사한 문제를 다룬 질문과 답변은 다음 링크에서 참고하실 수 있습니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

useEffect와 lifecycle문의

0

21

2

프론트엔드 학습 수준 문의

0

28

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

43

2

데이터 로딩중 화면만 계속 나와요!!

0

51

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

76

2

이후의 커리큘럼 문의

0

101

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

49

2

최적화 관련 질문있습니다 (useMemo 등)

0

83

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

79

3

Date 객체에 관련하여 질문드립니다.

0

82

2

리액트 개정판 교재 질문

0

58

2

예제코드가 안나와요!

0

75

2

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

0

104

2

onMouseEnter 관련 문의 드립니다

0

89

3

배열의 렌더링 관련 질문 드립니다.

0

70

2

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

0

111

2

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

0

131

2

useCallback 적용한 onCreate, onUpdate, onDelete 함수..

0

66

1

vs code 자동완성관련 문의

0

107

2

91강 useEffect내에서 상태변화함수 호출시 발생하는 에러

1

174

2

87강 필터 함수 질문

0

65

2

useRef, useState count 비교

0

64

2

안된다고했던 이유가 무엇이었는지 모르겠습니다

0

86

2

85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.

0

73

2