あなたの反応TypeScriptプロジェクトの絶対的な輸入


すべてのプロジェクトでは、1つの最も厄介な混乱して物事の相対的な輸入を追加する必要があります.あなたのコンポーネントを他のフォルダー/コンポーネントに出荷するたびに、常に混乱を引き起こし、変更することは困難です.それが何かを壊すならば、我々は常に心配します!救出への絶対輸入.
したがって、../../../components/headerのようなファイルをインポートするのではなく、絶対的なインポートで、components/headerのようなファイルをインポートすることができます.プロジェクトのルートに対するファイルの位置だけを気にします.
利益
  • クリーンでメンテナンス可能なコード
  • コピーを他のコンポーネントに貼り付けることはずっと簡単です.
  • は、絶対的な輸入が使われるとき、ファイルを簡単に見つけます.
  • typescriptを使って作成された反応プロジェクトについては、tsconfigを持っています.JSONファイルを追加したいところです.
    {
      "compilerOptions": {
        ...
        "baseUrl": "src"
      },
      "include": ["src"]
    }
    
    今すぐあなたのために働く輸入を参照してくださいにあなたのアプリケーションを再起動します.このエラーでは、Cannot find module components/headerを参照することができます.これは、コードを再起動しなければならないことを解決するためです.
    この問題がまだ持続している場合は、設定(Ctrl +)>「インポートモジュール指定子の検索」を開くことができます.JSONファイル.これを再度実行する必要があります.
    これがあなたのために働いたならば、コメントで知らせてください.
    ありがとう.