Help us understand the problem. What is going on with this article?

[Elm]Browser.applicationでelm reactorがちゃんと動かない

elm-liveの記事です。elm-liveは4.0.0にアップデートしてはやくなったりしました

前回記事

ルーティングしたいがちゃんと動かない

elmに同梱されているelm reactorで起動する開発用サーバーはBrowser.sandbox, Browser.element, Browser.documentでは問題なく動作しますがBrowser.applicationを使ってルーティングしようとするとうまくいきません
elm reactorはURLを書き換えられることを考慮していないので動かないのでした

elm-liveを使う

そんなときはelm-liveを使ってみましょう

npm install -g elm-live
elm-live src/Main.elm --pushstate

src/Main.elm部分をお好みのファイルにして起動しましょう

image.png

こんな感じになります。あとはlocalhost:8000をブラウザで開いて開発しましょう

-u, --pushstate

このオプションがルーティング用のやつです。付けているとhttp://localhost:8000/を開いてもhttp://localhost:8000/ham/spam/eggを開いても同じファイルで実行してくれます

詳しいことはREADMEを読みましょう

進化したelm-live

image.png

コンパイルエラーになったらエラーメッセージを画面とコンソールに色付きで出してくれるようになりました

--no-serverでwebpackなんかと混ぜるのも想定されるようになっている感じです

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away