ReferenceError: Unknown plugin "transform-runtime"
ある日、vueのプロジェクトで npm run build とかlaravelのプロジェクトで npm run dev とかができなくなりました。
ぐぐってもいまいち解決しなくてめっちゃ悩んだんですけど、なんにせよwebpack周りがおかしい。
最終的に新規にプロジェクト作ってビルドしてもだめでこれはプロジェクトの外がおかしいぞということで原因がわかりました。
読むべきデバックログ
Module build failed: ReferenceError: Unknown plugin "transform-runtime" specified in "/Users/riin/workspace/.babelrc" at 0, attempted to resolve relative to "/Users/riin/workspace"
うん。 ReferenceError: Unknown plugin "transform-runtime" が解決できないんだ。
ぐぐって出てくるissueとかに書いてあること試しても解決しないし。
specified in /Users/riin/workspace/.babelrc
ん?
そんなところにプロジェクトねーぞ?!
% ll -a ~/workspace
total 120
drwxr-xr-x 23 riin staff 782 8 15 16:46 ./
drwxr-xr-x+ 64 riin staff 2176 8 15 17:00 ../
-rw-r--r--@ 1 riin staff 32772 8 15 16:59 .DS_Store
-rw-r--r-- 1 riin staff 312 7 25 21:58 .babelrc
-rw-r--r-- 1 riin staff 147 7 25 21:58 .editorconfig
-rw-r--r-- 1 riin staff 23 7 25 21:58 .eslintignore
-rw-r--r-- 1 riin staff 642 7 25 21:58 .eslintrc.js
-rw-r--r-- 1 riin staff 145 7 25 21:58 .gitignore
drwxr-xr-x 7 riin staff 238 7 30 19:04 .idea/
-rw-r--r-- 1 riin staff 197 7 25 21:58 .postcssrc.js
drwxr-xr-x 26 riin staff 884 8 15 13:56 laratest/
(他プロジェクトのディレクトリが続く...)
な なにをする きさまらー!
原因と解決法
原因はプロジェクトのディレクトリの上で npm install をうっかり実行してしまっただかで
node_modulesと一緒に.babelrc を含む関係のないファイルが生成されてしまったため。
node_modulesは消したものの、隠しファイルの存在に気づかず、消し忘れていた模様。
そやつらを抹殺してやれば自分の場合は解決しました。
疑ってごめんよlaravel-mixさん。