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