개발 노트

CMAN BUILD 본문

React

CMAN BUILD

한츄 2024. 9. 2. 15:05

 

1. npm run build:worker
- mqttWorker.ts 에서 mqttWorker.built.js로 만들기위한 build로 git으로 가져왔다면 mqttWorker.built.js가 이미 생성되어있어서 굳이 build를 하지 않아도 됨

- 하지만 mqttWorker.ts를 수정한경우 build를 해주어야하는데 이때 src\app\layout.tsx의 getPrefLangCookie와 충돌하여 정상적으로 build가 이루어지지 않음

----> 이때 처리방법 getPrefLangCookie과 관련된 항목들 주석처리

//src/app/layout.tsx

// 쿠키 가지고오는 부분 build:worker시 주석
export const getPrefLangCookie = () => {
  return cookies().get('googtrans')?.value ?? 'ko';
};

//return부분 아래와 같이 변경
 <Layout settingData={parsedSettingData} svMssqlData={farmsArray}>
//src/layout/Layout.tsx
type LayoutProps = {
  children?: React.ReactNode;
  settingData: SettingsPayload;
  //langCookie: string;
  svMssqlData: FarmInfo[];
};

const Layout: React.FC<LayoutProps> = ({ children, settingData, svMssqlData }) => {

//return부분 Nav에 langCookie를 전달하는부분 삭제

<Nav  />
//src/layout/Nav.tsx

//NavProps 제거
//type NavProps = {
 // langCookie: string;
//};

const Nav: React.FC = () => {


//return부분에서 langCookie대신 ko로 기본값 사용

//<GoogleTranslate prefLangCookie={langCookie} />
<GoogleTranslate prefLangCookie={'ko'} />

 

 

 

2. npm run build

- .next 폴더삭제/ .next.zip삭제 후 src\app\layout.tsx에서 meta tag의 날짜 변경

- npm run build 후 .next 폴더를 .next.zip으로 압축

- git 에 저장 후 배포

'React' 카테고리의 다른 글

Next.js 구글번역을 이용한 웹페이지 번역  (0) 2024.08.05
next.js에 구글 번역 적용하기  (0) 2024.07.26
다국어 지원 관련 방법 2  (0) 2024.07.25
국제화 관련 사이트  (0) 2024.07.25
next.js URL 쿼리 매개변수  (0) 2024.07.24