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を参照できていないからでした。
次のように設定を変更して解消。
設定前後の様子 #
設定前はエラーで赤字。
設定後は正常に解決。
設定まわりは問題がでたら都度調べていますが、解決しないとムズムズと歯がゆい。