[React] 정식 환경을 디자인한 후 화면이 하얗게 변할 때의 해결 방법

처음 뵙겠습니다.
나는 외국어 대학생의 전단 엔지니어 잭이다.
지금까지는 기사만 훑어보았지만, 이번에는 처음으로 Qita를 투고하기로 했다!
첫 투고라 보기 싫은 글일 수도 있는데 따뜻하게 볼 수 있다면 좋았을 것 같아요.
잘 부탁드립니다
전언
처음으로 리액트로 스파를 만들었는데 디버깅을 하다가 화면이 하얗게 변해 몇 시간 동안 푹 빠졌다.
지금부터 쓴 해결책에서 찾지 못했기 때문에, 리액트 초보자가 같은 현상을 겪을 때 참고할 수 있다면 좋겠다.
현상.
npm start에서는 로컬 환경에서 정상적으로 그려지지만 npm run build 이후 정식 환경에 들어가면 화면이 하얗게 변합니다.
해결 방법 중 하나package.json를 열고 "homepage": "./",만 추가합니다.
{
  "name": "helpmeeeal",
  "version": "0.1.0",
  "private": true,
  "homepage": "./",
구축된 패스가 틀린 것 같아..
해결 방법 2
대체적으로解決方法その1의 방법은 하얗게 변하는 문제를 해결할 수 있지만 나는 이렇게 정상적으로 설계할 수 없다.
조사해도 解決方法その1만 나올 것 같아.
나처럼 아직 해결할 수 없는 사람은 다음과 같은 방법을 시도해 보세요!
여기 전선을 열어주세요.
import { useState } from "react/cjs/react.development";
여기로 전환
import { useState } from "react";
이것만 하면 하얀 문제를 해결할 수 있다.
까닭vs code의 자동 보충 기능useState의 보충 때문이다.useState뿐만 아니라 useEffectRecoil 등도 다른 import文도 확인해 볼 수 있다.
최후
끝까지 읽어주셔서 감사합니다.
리액션을 배우기 시작한 사람과 처음 배우는 엔지니어도 왜 하얘졌는지 몰라요.웃다 웃다
저도 아직 공부 중이니까 가능하면 Twitter 연락하세요!
지켜봐 주시면 너무 좋을 것 같아요

좋은 웹페이지 즐겨찾기