Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Users\cheon\Desktop\React\blog\blog-backend\src\api\index' imported from C:\Users\cheon\Desktop\React\blog\blog-backend\src\index.js

리액트의 문법 import와 default 를 사용할 수 있게 해주는 ES 모듈로 코드 변환하는 과정에서 발생한 에러

 

원인 

명시적으로 작성된 경로 즉 디렉토리 명을 경로로 지정 할 경우 자동적으로 디렉토리의 index.js 가 경로로 지정되는 방식이 ES 모듈에선 적용이 되지 않기 때문에 발생

 

코드 수정

const api = require('./api')

-> ES 모듈의 형태로 변경

import api from './api';

-> 명시적 경로를 직접 연결

import api from './api/index.js';

중요한 것은 index에 .js 까지 같이 붙여줘야 합니다.