☰

JSON ファイルを TypeScript ファイルにインポートするにはどうすればいいですか? 質問する

tag-icon • tag-icon json angular google-maps typescript maps
JSON ファイルを TypeScript ファイルにインポートするにはどうすればいいですか? 質問する

Angular Maps を使用してマップ アプリケーションを構築しており、場所を定義するマーカーのリストとして JSON ファイルをインポートしたいと考えています。この JSON ファイルを app.component.ts 内の marker[] 配列として使用したいと考えています。TypeScript ファイル内でハードコードされたマーカーの配列を定義する代わりに。

この JSON ファイルをプロジェクトで使用するためにインポートする最適なプロセスは何ですか? どのような指示でも大歓迎です!

ベストアンサー1

Aonepathan のワンライナーは、最近の TypeScript の更新までは機能していました。

ジェセリン・イェーンの役職このスニペットをTS定義ファイルに投稿することを提案します

以下の内容のファイルtypings.d.tsをプロジェクトのルートフォルダに追加します

declare module "*.json" {
    const value: any;
    export default value;
}

そして、次のようにデータをインポートします。

import * as data from './example.json';

2019年7月更新:

タイプスクリプト 2.9 (ドキュメント) は、より優れた、よりスマートなソリューションを導入しました。手順:

  1. resolveJsonModuleファイルに次の行を追加してサポートを追加しますtsconfig.json。
"compilerOptions": {
    ...
    "resolveJsonModule": true
  }

import ステートメントはデフォルトのエクスポートを想定できるようになりました。

import data from './example.json';

そして、Intellisense は JSON ファイルをチェックして、Array などのメソッドを使用できるかどうかを確認します。とても便利です。

おすすめ記事