[解決済み] typescriptのインターフェイスを別ファイルで宣言しインポートする方法
2022-10-22 12:11:45
質問
typescriptベースのプロジェクトで、いくつかのインターフェイスを独自のファイルで定義し、そこからプロダクション用のクラスやテスト用のモックを実装したいと思います。しかし、正しい構文が何であるかがわかりません。インターフェイスの宣言と実装に関するチュートリアルはたくさんありますが、どれもインターフェイスと派生クラスの両方を同じファイルに実装するという些細なもので、あまり実世界的ではありません。インターフェイスをエクスポートおよびインポートする正しい方法は何でしょうか?
どのように解決するのですか?
インターフェイスを定義したファイルからエクスポートし、使用したい場所にインポートする必要があります。
で
IfcSampleInterface.ts
:
export interface IfcSampleInterface {
key: string;
value: string;
}
で
SampleInterface.ts
import { IfcSampleInterface } from './IfcSampleInterface';
let sampleVar: IfcSampleInterface;
関連
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み] TypeScriptのカスタムグローバルインターフェース(.d.tsファイル)を設定する方法は?
-
[解決済み] ts ES5/ES3の非同期関数やメソッドには、「Promise」コンストラクタが必要です。
-
[解決済み] 文字列ユニオンから文字列配列へ
-
[解決済み] tsc が `TS2307: Cannot find module` for a local file をスローします。
-
[解決済み] Visual Studio Code - インポート引用符の設定を調整する
-
[解決済み] モジュールと名前空間 - Import vs Require Typescript
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] TypeScriptで Object.keys return string[].
-
[解決済み] Angular 2でアプリ起動時にサービスを実行する方法
-
[解決済み] tsc が `TS2307: Cannot find module` for a local file をスローします。
-
[解決済み] tsconfig.jsonのtargetは何のためにあるのですか?
-
[解決済み] TypeScriptでObject.keysがkeyof型を返さないのはなぜですか?
-
[解決済み] タイプスクリプトのパイプ(|)の意味とは?
-
[解決済み] タイプスクリプト。カスタムタイプに対する typeof のチェック
-
[解決済み] TypeScript "this" scoping issue when called in jquery callback.
-
[解決済み] ngForとAsync Pipe Angular 2でObservableオブジェクトから配列を利用する。
-
[解決済み] typescriptでmoment.jsをインポートするには?