Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Links using ~ do not respect `base`

オープン
  • 何か問題がありますか？
#558 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

@molefrog がすでに取り組んでいます。

2026年10月5日 から。

  • #577 @molefrog による — オープン

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
react, typescript
領域
frontend

調査の方向性

Router base="/app"、ネストされたルート、href="~/schedule" を使用する Link を含む例を再現することから始めます。Router と Link がベースパスとエスケープされた URL をどのように解決するかを調べます。リンクが期待されるベースプレフィックス付きのルートに到達し、ドキュメントに記載された絶対パスの動作を壊さなければ完了です。

索引モデルが issue の本文から書いたものです。

説明

Example:

import { Router, Route, Link } from "wouter";

function ScheduleOverview() {
  return (
    <div>
      <h1>Schedule Overview</h1>
      <Link href="/2026-02-11">Go to Feb 11</Link>
    </div>
  );
}

function ScheduleDetail({ date }) {
  return (
    <div>
      <h1>Schedule for {date}</h1>
      {/* Expected: navigates to /app/schedule */}
      {/* Actual: navigates to /schedule (missing /app base) */}
      <Link href="~/schedule">Back to Overview</Link>
    </div>
  );
}

function App() {
  return (
    <Router base="/app">
      <Route path="/schedule" nest>
        <Route path="/">
          <ScheduleOverview />
        </Route>
        <Route path="/:date">
          {({ date }) => <ScheduleDetail date={date} />}
        </Route>
      </Route>
    </Router>
  );
}
  1. Navigate to /app/schedule/2026-02-11
  2. Click "Back to Overview" link
  3. Expected: navigates to /app/schedule
  4. Actual: navigates to /schedule (base path /app is not applied)

I understand from the docs (under Router) that the ~ is an escape hatch to navigate to an absolute path since /-prefixed urls are relative to the parent route, but is there a way to route relative to the base?

主要言語
TypeScript
スター
7.9k
フォーク
193
平均マージ
9分
マージ済み PR（30日）
1

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

molefrog/wouter のほかの issue

molefrog/wouter の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。