備忘録です。

$ cd yourproject
$ source ~/.bashrc
$ vue ui
🚀  Starting GUI...
🌠  Ready on http://localhost:8000

んでhttp://localhost:8000が真っ白だった時、ありませんか？
Chromeのデベロッパーツールを見ると、こんなエラーが出ている時

GET https://unpkg.com/[email protected]/locales/jp.json 404

なんかvue-cli-localesに対応する日本語ファイルがない時があるみたいです。
※ネットにつながってない時にも、このエラーが出ることがあります。

結論：対応してる日本語ファイルがあるバージョンを選ぶ。

ja.jsonがちゃんと入ってる@vue/cliのバージョンを選んだら良い。
https://unpkg.com/browse/[email protected]/locales/

@vue/cliをアンインストールして、もっかい入れる。
また、ブラウザの言語設定を英語にしてしまえば、このエラーは出ないらしい。

それでも起動に失敗する

何回も@vue/cliをインストールしたり、アンインストールしたりを
繰り返していると、vue-cli-uiが起動しなくなる場合があります。

Chromeのデベロッパーツールを見ると、こんなエラーが出ている時。

GraphQL error:Cannot read property 'homepage' of undefined

GraphQL？homepage？何これという時の解決法。

結論：ホームディレクトリにある「.vue-cli-ui」を消す。

隠しフォルダごと消してもdb.jsonだけ消しても良いと思います。
何回も@vue/cliを入れ直した場合にバグるらしいです。
隠しファイルが見えない人は、

$ defaults write com.apple.finder AppleShowAllFiles TRUE
$ killall Finder

以上です。

参考にした記事

https://github.com/vuejs/vue-cli/issues/2914
https://github.com/vuejs/vue-cli/issues/4259