JavaScript ES6 JSON导入语法

Question

我尝试在ES6标准中编写我的代码，但是当我尝试导入.json 时，它在我身上失败。

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

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

有人可以解释我做错了什么吗？

我用它，然后像这样：

console.log(JasonT); 

Answer 1

由于ES6实际上不支持大多数的浏览器或者JS平台，然而，你将需要使用“transpiler”像Babel您ES6代码转换成解释JavaScript的。

如果您使用的是Webpack，则可以使用babel-loader来为您管理这个“transpiling”。

如果您刚开始使用React，我会推荐使用像create-react-app这样的构建配置启动器。这将使您可以开始编写ES6 React代码，而无需担心设置构建环境的初始开销。