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平台上实际上都不受支持，因此您需要使用Babel之类的“转发器”将ES6代码转换为可解释的JavaScript。

如果您使用的是Webpack，则可以使用babel-loader为您管理此“转换”。

如果您刚开始使用React，我建议使用像create-react-app这样的构建配置启动器。这将允许您开始编写ES6 React代码，而不必担心设置构建环境的初始开销。