JavaScript ES6 JSONインポート構文

Question

私はES6標準でコードを書こうとしていますが、.jsonをインポートしようとすると が失敗します。

import JsonT from "../../Data/t.json" //not working 

var JsonT = require('../../Data/t.json'); //working 

私が間違っていることを説明できる人はいますか？

私はこのようにそれを使用

：ES6が実際にほとんどのブラウザやJSのプラットフォームではサポートされていない、まだ、あなたはES6コードが解釈に変換するBabel LIKE「transpiler」を使用する必要がありますので

console.log(JasonT); 

Answer 1

JavaScript。

Webpackを使用している場合は、babel-loaderを使用してこれを管理することができます。

Reactを使い始めたばかりの方は、create-react-appのようなビルド設定のスターターを使用することをお勧めします。これにより、ビルド環境を設定する際の初期オーバーヘッドを心配することなく、ES6 Reactコードの作成を開始することができます。