3を使った環境に変更中。rirekisho.yagish.jpcli.vuejs.org導入の流れは以前の記事参照uyamazak.hatenablog.comつまづいて時間を無駄にした点をいくつかメモしておく。環境変数(process.env.NAME)が読み込めないドキュメントをよく読めば済む話。以前はjs形式の設定ファイルに書いていたものが、.envファイルになった。cli.vuejs.orgで、前のから移植して.env.developmentSITE_TITLE=【開発】ブラウザでつくれる履歴書「yagish(ヤギッシュ)」のように書いて、process.env.SITE_TITLEで使おうとしていたが、undefinedになっていた。NODE_ENVだけはそのまま。以下をよく読めば大丈夫だった。ついていないと展開されないらしい。そのため、こう↓してVUE_APP_SITE_TITLE=【開発】ブラウザでつくれる履歴書「yagish(ヤギッシュ)」process.env.VUE_APP_SITE_TITLEこうすれば問題なく使えた。下手にHOSTNAMEみたいな他でも使う名前を使っちゃうと意図しない上書きが発生するので、明示的でいいかな。()みたいなエラーが定期的に発生していた。ホットリロード関連の通信のよう。build.と出ていた。Dockerの内部IP?で外からは繋げられないので変更したかったができなかった。ググるとwebpack-dev-serverの設定のhostとかuseLocalIpを変えるのが出てきたけど、ここは変わらず。試行錯誤の末、vue.config.jsのdevServer設定内のpublicで変更できた。'8080'}}ここで見つけた。これで6時間ぐらいハマってしまった。https://github.com/webpack/webpack-dev-server/issues/882使ってたライブラリが動かないなんかよくわからないけどいろいろとエラーが出て動かない日本語関連ライブラリがあった。最終更新が3年前なので直すのはあきらめた。www.npmjs.comこのライブラリ名でググると最近更新されていて同じようなライブラリが見つかった。www.npmjs.comこっちの方が使いやすいがimportでちょっとはまった。'jaco/lib/fn/toHiragana';何が原因なのかはよくわかってないけど新しくなって、使いやすくなって動いたのでよし。あとPWA関連も大幅に変更されてるので、これから頑張る古いバージョンのライブラリに対して新しいバージョンのドキュメントを見ながら設定をがんばってたPWAのプラグインの設定が反映されないなぁと2時間ぐらいがんばったていたが、気づいたらインストールしてるバージョンが古く、まだ存在しないオプションを設定していた。3関連は全体的にまだ開発が進んでるけど、PWAのは特にまだbetaだったので気を付けるべきだった。package.jsonも頻繁にメンテしていった方がよさそう。環境ごとにファビコンの色を変える小技。週間)WEBアプリ開発者。月別アーカイブはてなブログをはじめよう!uyamazakさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。