Inflearn brand logo image

인프런 커뮤니티 질문&답변

별다방님의 프로필 이미지
별다방

작성한 질문수

스프링 부트와 리액트로 구현하는 소셜 로그인

리엑트 페이지 랜더링

작성

·

42

0

안녕하세요,

강사님 리엑트 코드와 똑같이 만들었지만

페이지가 이상하게 나옵니다.

image.png

 

요런 식으로 나오는데 추가적으로 만져야 할 게 있을까요?

제 패키지 파일 공유드립니다.
{ "name": "login_react", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.0", "@mui/icons-material": "^7.1.1", "@mui/material": "^7.1.1", "react": "^19.1.0", "react-dom": "^19.1.0", "react-router-dom": "^7.6.2" }, "devDependencies": { "@eslint/js": "^9.25.0", "@types/react": "^19.1.2", "@types/react-dom": "^19.1.2", "@vitejs/plugin-react": "^4.4.1", "eslint": "^9.25.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.19", "globals": "^16.0.0", "vite": "^6.3.5" } }

답변 1

0

온코딩님의 프로필 이미지
온코딩
지식공유자

온코딩입니다.

라이브러리의 버전이 맞지 않거나, 서로 충돌이 발생하는 경우에 화면이 제대로 보이지 않을 수 있습니다.

소스 코드를 다운로드 받으셔서, 해당 리액트 폴더로 이동한 후에, 'npm install'을 한 후에 사용하시기 바랍니다.

제공된 소스 코드에 있는 package-lock.json에 있는 라이브러리 버전을 비교해 보시기 바랍니다.

감사합니다.

별다방님의 프로필 이미지
별다방

작성한 질문수

질문하기