[React] Axios 라이브러리에서 process/browser 모듈을 찾지 못하는 문제 해결하기

💡 해결 방법 : Webpack 설정 수정

아래 코드를 Webpack 설정에 추가하여 .mjs 또는 .js 파일을 처리할 때 확장자를 명시하지 않아도 되도록 설정할 수 있습니다. 이 설정은 특히 axios나 다른 모듈에서 발생하는 확장자 문제를 해결하는 데 유용합니다.👍

module.exports = {
    module: {
        rules: [
            {
                test: /\.m?js$/, // .mjs 또는 .js 파일을 처리
                resolve: {
                    fullySpecified: false // 확장자를 명시하지 않아도 되도록 설정
                }
            }
        ]
    }
};

이 설정을 적용한 후 Webpack 빌드를 다시 수행하면, axios의 process/browser 모듈 문제를 해결하고 React 프로젝트에서 확장자 오류 없이 안정적으로 사용할 수 있습니다.