フロントエンド開発へのスキルチェンジを目指してUdemyを使って学習していて
その過程でやってしまった本当に初歩中の初歩のミスを書いていきます。
学習している技術はVuejsです。
動画の教材通りにコードを書いて
いざ、ブラウザで表示させようとするのですが
「Failed to compile. ./src/components/HelloWorld.vue Module build failed (from ./node_modules/eslint-loader/index.js): Error: ENOENT: no such file or directory, open 'C:\Users\user\udemy-test\src\components\HelloWorld.vue'」
のエラーメッセージが。。
「あれ、教材通りのコードを書いたのどうして？」と混乱しました。
Udemyの動画にはQ&Aの項目があり、そちらに講師に直接、質問できる
機能があるのでさっそく質問してみました。
しかし、質問したのが夜だったこともありすぐには返信が来ず、
エラーの原因もわからず焦るばかりでその日は、Udemyの学習をストップしました。
翌日、講師の方から返信がありました。
しかし、それでもエラーの原因は解決しませんでした。
どうしてだろうとVScodeの画面をじっとみていると
あることに気づきました。
それは、「未保存」という項目。
そう、コードをちゃんと書いてもコードの内容がエラーに表示されなかったのは
コードを書いた後に保存していなかったからでした！
保存をクリックすると、コード通りにブラウザが表示されました。
エラーになったときは、焦っていて全く気が付かなかったのですが
一日開けて冷静になったのか未保存であることに気が付きました。
プロのエンジニアやプログラマーの方からすれば
こんな初歩的なミスをするなんてと呆れられるかもしれないですが、
本当にやってしまいました。。
今後は、このような初歩的なミスをしないためにと、
いるかどうかはわかりませんが他の学習者が私と同じような
ミスをしないためにという思いから残しました。