.tsファイルから.tsxファイルをインポートできません(またはその逆)。



Cannot Import Tsx File From



解決:

あなたが書くとき

'./write_editor'からWriteEditorをインポートします。

Webpackは自動的に検索します



  • ./write_editor
  • ./write_editor.js
  • ./write_editor.json
  • (そして他のいくつか)

使用しているので.tsおよび.tsx、Webpack設定でそれらも検索するように指示する必要がありますresolve.extensions:

{解決:{拡張子:['。js'、 '。json'、 '。ts'、 '。tsx']、}、} 

私の場合、使用時に同じエラーが発生しました typescript-eslint 。によって作成されたアプリです create-react-app



方法は、このコードをに追加することです .eslintrc.js

module.exports = {// ...設定:{'インポート/リゾルバー':{'ノード':{'拡張機能':['。js'、 '。jsx'、 '。ts'、 '。tsx'] }}}};