はじめに

最近、フロントエンドのお勉強を始めました。
Vue？なにそれ？から二日目です。

Qiitaの投稿もmarkdown記法も初めてなので簡潔に。

ネットで拾ったチュートリアルを終えて、 build してみるかってとこで表題のエラー。

環境

vue-cli　4.2.3

エラー内容

Vue UI上でbuild実行時の出力

$ vue-cli-service build --mode production --dest dist --target app --dashboard

- Building for production...

ERROR Error: No module factory available for dependency type: CssDependency
Error: No module factory available for dependency type: CssDependency
...
...

コンソール上でのnpm run buildは正常終了するのに、UI上でビルドするとエラーになる。何故だ。

原因

実際のパスとVue UIが認識しているパスが異なってるのが原因っぽい。
参考：Error: No module factory available for dependency type: CssDependency #5154

問題があったのは下プロジェクト。
C:\Users\...\Vue_CrashCourse\vue_realtime_chatが正しいパス。
Vue UI上でプロジェクト作成したあと、直接フォルダ名を変えたのが悪かった。

解決法

インポートし直す。

serveは動くから「なんでなんで」だったけど、シンプルなミスでした。
ネット情報だとwebpackだったり、vueRouterのmodeが原因になりえるみたい。

以上。
Vueおもしろいっすね。