IntelliJのTypeScriptで.jsファイルのCan't resolveを解消

2017-12-07

WebStormのAngularプロジェクトをIntelliJに移動した時、Javascriptをimportしているところで"Can’t resolve"のエラー。
原因は、IntelliJの単純な設定不足でしたが、どなたかの参考になれば幸いとメモ。

前提

• IntelliJ 2016.2
• WebStorm 2017.2
• ともにAngular, TypeScriptのPluginをインストール済み

IntelliJの設定変更

TypeScriptで.jsファイルをimportする場合、TypeScriptのコンパイルオプションに “allowJs”が必要になります。
tsconfig.jsonのcompilerOptionsにallowJsを書いているものの、IntelliJに上手く反映されない。
なんでだろうかと調べてみると、IntelliJプロジェクトの設定不足で、プロジェクトがtsconfig.jsonを参照できていないからでした。

次のように設定を変更して解消。

設定前後の様子

設定前はエラーで赤字。

設定後は正常に解決。

設定まわりは問題がでたら都度調べていますが、解決しないとムズムズと歯がゆい。