Could not find a declaration file for module

진행 중인 프로젝트의 맡은 페이지에서 풀페이지 스크롤링을 사용하게 되어 관련된 방법을 찾던 중 React-fullpage 라이브러리를 발견, 설치해서 사용할 때에 해당 오류가 발생했다.

해당 라이브러리에 typescript 모듈 정의가 되어있지 않아 발생한 오류. 오류 메세지에서 알려주는 것처럼 'npm i --save-dev @types/react-fullpage'을 해봤지만 결과가 없어 직접 모듈 정의를 해줘야 했다.

역시나 오류메세지에서 말한 것('add a new declaration (.d.ts) file containing declare module 'react-fullpage';')을 따라해보기로 했다.

여기선 declare module 'react-fullpage' 이 포함된 .d.ts 파일을 추가하라고 했는데, 찾아본 결과 npx create-react-app [] --template typescript를 사용했을 때 자동으로 생성되는 react-app-env.d.ts 파일이 있어 여기에 일단 해당 코드를 추가해보았다.

// react-app-env.d.ts
declare module 'react-fullpage';

해당 파일에 이 코드를 한 줄을 추가하는 것으로 오류는 더이상 나타나지 않게 되었다.
만약 정의해야하는 모듈이 많았다면 관리를 쉽게 하기 위해 따로 파일을 추가하는 방법을 사용했겠지만, 현재로서 이렇게 모듈 정의를 해야 하는 라이브러리는 react-fullpage밖에 없었기에 해당 파일에 코드를 추가한 것으로 마무리 지었다.