JavaScript ES6 JSON 导入语法答案

【问题标题】：JavaScript ES6 JSON import syntaxJavaScript ES6 JSON 导入语法
【发布时间】：2018-01-15 14:42:09
【问题描述】：

我尝试使用 ES6 标准编写代码，但是当我尝试导入 .json 它对我来说失败了。

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

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

谁能解释我做错了什么？

然后我就这样使用它：

console.log(JasonT);

【问题讨论】：

import 尚不受 Node.JS 支持。如果你想使用它，你可以使用 Babel。
stackoverflow.com/questions/34944099/…
@barbsan 这个问题与 Node.js 无关
实际上我使用 ReactJS 为误导标签感到抱歉？
@LEQADA 显然这个问题也与 Node.js 无关。 @Rudi 您是否按照链接问题中的建议尝试过import JsonT from "../../Data/t"？

【解决方案1】：

由于大多数浏览器或 JS 平台实际上还不支持 ES6，因此您需要使用像 Babel 这样的“转译器”将您的 ES6 代码转换为可解释的 JavaScript。

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

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

【讨论】：