うわ、急にローカルホストが動かなくなった時の話

皆さんこんにちは！！

今回はエラー解決備忘録として記事を書いていきます。

同じエラーに直面した人の力になれればなと思います！！！

Vue.jsでサイト制作を行っているところ、急に下記のようなエラーが発生しました。

TypeError: Cannot read property 'process' of undefined :index.js

どうやら、router/index.jsのとあるプロパティが働いていないらしい。。。

router/index.js

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return { x: 0, y: 0 };
    }
  },
});

こういうエラーって自分で考えても仕方ないから、とりあえずエラーメッセージをコピペして検索。

色んな解決策があるが、どれを試しても上手くいかない。。。

と、そこでとある記事を見つけた。

どうやら.eslintrc.jsの設定にミスがあるかもしれない。

見てみると、、、

eslintrc.js

"env": {
    "browser": true,
    "es6": true
  },

このbrowserが原因らしい。

つい最近、Typescriptの勉強を始めたのでESLintの設定をそのままコピペしたせいかエラーが起きてしまった。

色々調べてみたが、これといった理由は分からない。分かる方がいたらぜひコメント欄にてお教え下さい！

この部分を以下のように修正。

eslintrc.js

"env": {
    "node": true,
    "es6": true
  },

これで動くようになりました！

なにか腑に落ちない感じがする。。。

以上、「うわ、急にローカルホストが動かなくなった時の話」でした！

良ければ、LGTM、コメントお願いします。

また、何か間違っていることがあればご指摘頂けると幸いです。

他にも初心者さん向けに記事を投稿しているので、時間があれば他の記事も見て下さい！！

Thank you for reading