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

2017-12-07

#IDE

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のcompilerOptionsallowJsを書いているものの、IntelliJに上手く反映されない。
なんでだろうかと調べてみると、原因は単純で、IntelliJプロジェクトの設定不足で、プロジェクトがtsconfig.jsonを参照できていないからでした。

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

Image

設定前後の様子

設定前はエラーで赤字。

Image

設定後は正常に解決。

Image

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

© kdtakahiro 2018