elm-reactorでのナビゲーション

Question

ナビゲーションモジュールを使用しているelm 0.18アプリがあります。 [ a [ href "/#/page" ] [ text "Page" ]のようなリンクを使ってナビゲートし、Navigation.newUrl myNewUrlでリダイレクトします。

私はelm-reactorを起動すると、すべてがhttp://localhost:8000/src/main.elm/の場所から来ており、上記のリンクをクリックするとhttp://localhost:8000/#/pageになります。これはwebpackのコードでうまく動作しますが、elm-reactorのメインページに戻ります。

elmアプリ内の別のページをナビゲートしてelm-reactorを使用する正しい方法は何ですか？

Answer 1

hrefの値がスラッシュで始まるため、リンクはサイトのルートに戻ります。あなただけのハッシュ値を変更したい場合は、ハッシュ文字で代わりに起動します。

[ a [ href "#/page" ] [ text "Page" ] 

エルム原子炉軽量なデバッグツールとして、実際にのみ有用です。プロジェクト内の異なるページやモジュールにリンクしようとすると、Elm Reactorはおそらく適切ではありません。デバッグ環境に合うようにコードを変更するのではなく、Webpackのライブリロード機能を使用すると、より良いサービスを提供できます。