はじめに
最近、フロントエンドのお勉強を始めました。
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おもしろいっすね。