Router.gen.ts 는 어떻게 수정을 하면 되나요?

router.gen.ts는

/* eslint-disable */

// This file is auto-generated by @granite-js/react-native. DO NOT EDIT.

import { Route as _AboutRoute } from ‘../pages/about’;

import { Route as _IndexRoute } from ‘../pages/’;

declare module ‘@granite-js/react-native’ {

interface RegisterScreen {

‘/about’: ReturnType<typeof _AboutRoute.useParams>;

‘/’: ReturnType<typeof _IndexRoute.useParams>;

}

}

로 주석으로 do not edit 되어있는데. 어떻게 업데이트 할 수 있나요?

1개의 좋아요

원래 실행하고 pages에 파일이 있으면 자동으로 만들어지던 것 같은데.

저는 언제부턴가 안되더라구요;;;;;;; 그냥 비슷한 형식으로 직접 수정해 만들어 사용해도 문제 없습니다.

이 파일을 변경하고 리로딩하고 나면 그냥 해당 주소로 들어가 지구요. 지금 문제 없이 사용 중인 것으로 보입니다.

아 그쵸 뭔가 이상하다 했더니만 ! 제가 이상한게 아니군요 감사합니다 !!

1개의 좋아요

Line1 님 오늘 다시 해보니 npm run dev 실행시 pages 기준으로 재생성이 되네요? ? 혹시해서 말씀드립니다~~

1개의 좋아요

좋은 소식이네요! 원래 그게 정상입니다……….. ㅠ

1개의 좋아요

안녕하세요, 혹시 npm run dev 실행으로 문제 해결 되셨나요?

저는 계속 타입 에러가 나서, 혹시 해결하셨는지 여쭙니다

네 저는 npm run dev 로 정상적으로 pages 기반 router 파일 만들어지고 있어요 ! 에러 메시지가 어떻게 뜨나요??

안녕하세요 :slight_smile:
router.gen.ts 는 라우터 플러그인이 pages 기반으로 만들어준 타입들이 들어있는 파일이에요.
자동으로 정의되는게 맞는데, 어떤 에러메시지가 뜨시나요 ?

안녕하세요, 현재 코드와 에러메시지 전달드립니다.

[현재 코드]

/src/pages에 “dropAcorn.tsx” 파일을 생성하여 뷰를 구성했고,

/pages에 “dropAcorn.tsx”파일을 생성하여, 예제와 동일하게 Route를 정의했습니다.

그리고 “index.tsx” 에서 dropAcorn 으로 네비게이션하도록 설정했습니다.

[문제 상황]

터미널에 npm run dev를 입력하고 앱을 실행하면

네비게이션이 index → dropAcorn으로 잘 동작하긴 합니다.

  • 하지만 router.gen.ts 에 특별히 코드가 추가되지 않았고,
  • “index.tsx”, “dropAcorn.tsx” 파일에서 네비게이션 타입을 인식하지 못하고 있습니다.

아래에 코드 이미지 첨부드립니다. 감사합니다!

  • dropAcorn.tsx

image

  • index.tsx

  • router.gen.ts

저도 처음에는 위와 같은 방식으로 구성했는데 이렇게하면 router 이 자동으로 생성으로 안되더라구요 그래서 그냥 루트/pages/###.tsx 방식으로 하니 router 가 자동 생성 됐습니다 .

안녕하세요, 문제 해결하여 댓글 남깁니다. (왜인진 모르겠으나 Julie 계정이 정지당해서 새로 계정 만들었어요..)
파일 이름이 camel case (ex. dropAcorn)여서 자동으로 안 만들어진 거였더라구요…
kebab case (ex. drop-acorn)으로 파일 생성하면 자동 생성 됩니다

1개의 좋아요

헐.. 감사합니다. 저도 이런 케이스겠네요.

이미 페이지 구성을 다해놔서 새로 만들기도 그렇고. 그냥 수동으로 해야겠습니다.

불친절한 녀석이군요.

@JulieK