Edited at

VSCodeでIonicを利用するときimport文のエイリアスにumdを付けるバグがある。。

More than 1 year has passed since last update.

Ionicを使ったアプリを実装していて、急に以下のようなエラーがはかれて、画面が真っ白になってしまうようになった。

Uncaught Error: Cannot find module "."

at webpackMissingModule (vendor.js:42708)
at e.code (vendor.js:42708)
at Object.<anonymous> (vendor.js:42717)
at __webpack_require__ (vendor.js:55)
at Object.256 (main.js:440)
at __webpack_require__ (vendor.js:55)
at Object.233 (main.js:425)
at __webpack_require__ (vendor.js:55)
at webpackJsonpCallback (vendor.js:26)
at main.js:1

ネットで検索してみるとどうやら多くの人が同様の問題に直面しているらしい。

https://github.com/webpack/webpack/issues/4921

スレッドの最後の方にもあるように、これはVSCodeを利用していると発生する障害で、

VSCodeが勝手にTypeScriptのソースコード上の'ionic-angular'という文字列を'ionic-angular/umd'という文字列にコード補完してしまうことが原因とのこと。

プロジェクト中の全ての/umdという文字を削除することでエラーは発生しなくなる。

\(^o^)/