前提・実現したいこと
Vue CLI 2で作成したプロジェクトをVue CLI 3に完全移行したい。
→ Vue CLI3 でプロジェクトを作成済み
→ とりあえずソースを編集してみたが、ホットモジュールリロード(HMR)が動いていないことに気付いた
→ vue.config.jsを書けばいろいろ設定できることがわかる
→ ググって調べた数パターン試したがどれも効果なし
発生している問題・エラーメッセージ
ホットモジュールリロードが動作しない
エラー出力は現状無し
エラーメッセージ
該当のソースコード
javascript
1module.exports = { 2 /* パターン3 */ 3 baseUrl: "http://localhost:8080/", 4 devServer: { 5 watchOptions: { 6 poll: true 7 } 8 } 9 /* パターン1 10 baseUrl: "./", 11 devServer: { 12 contentBase: path.join(__dirname, 'dist'), 13 compress: true, 14 port: 9000 15 } 16 */ 17 /* パターン2 18 devServer: { 19 public: "192.168.11.2:2104", 20 host: "0.0.0.0", 21 port: "8080", 22 watchOptions: { 23 poll: true 24 } 25 } 26 */ 27}; 28
試したこと
ググって、該当のソースコードに記した3パターンを検証。
パターン2ではpublicの項目の値でChromeのコンソールに出力されていたエラーが消えた
パターン3のbaseUrlの設定でもこのエラーは消失
これによってポーリング?は疎通できているものと思われるが、反映されない。
補足情報(FW/ツールのバージョンなど)
Node.js: v8.12.0
Vue CLI: 3.2.1
パッケージ作成: vue create パッケージ名
→ オプションとしてテストの2項目とPWAの項目は未選択で作成しました。
CLIによる作成後、できたてほやほやの状態です。
起動コマンド: vue-cli-service serve
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。