問題タブ [page.js]

page.jsをルーターとして使用して、単一ページのアプリケーションを構築しています。SPA 内でページを変更すると、デフォルトのwindow.onbeforeunloadイベントが発生しないようです。ユーザーが続行しないことを決定した場合にページ遷移を選択的にキャンセルできるようにするには、どうすれば同様のものを実装できますか? (つまり、「あなたの変更は保存されていません: 変更を破棄してもよろしいですか?」)

ありがとう！

SVELTE で page.js を使用していますが、動作します。

問題：

私のアプリでは、ユーザーはフォームを介してデータを保存でき、データは indexedDB に保存されます (私は Dexie.js を使用して IndexedDB と通信しています)。格納されたデータは、動的ルートを作成するために使用されます。

例：

ユーザーが「クライアント」と呼ばれるデータを送信すると、データは次のように indexedDB に保存されます。

次に、次のような動的ルートを (page.js を使用して) 作成します。

問題は次のとおりです。

動的ルートに移動し、ページを構成するコンポーネント (CSS も含む) を編集して保存すると、アプリ全体が更新されます。動的ルートに戻るには、URL を入力するだけでは不十分です。ランディング ページに戻り、送信されたアイテムのリンクを見つけてクリックし、目的のページにリダイレクトする必要があります。

これが起こらないように編集できるように、これを簡単にする方法はありますか? ランディング ページやその他の静的ページには、この問題はありません。

私はJavascriptとsvelteエコシステム全体に不慣れで、svelte.jsを使用してフラスコを使用してアプリを構築しようとしています。問題はThe requested URL was not found、パスを手動で入力するか、ページを更新すると発生することです。これは、package.json で --single フラグを渡したにもかかわらず発生します。奇妙なことに、ルートにパラメーターが関連付けられている場合にのみ問題に直面します。/article/:id. ただし、パス/articleを手動で入力するか更新しても問題はありません。

これはpackage.jsonのスニペットです

これが私の App.svelte ファイルのスニペットです