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

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

如果你正在使用 Webpack，你可以使用 babel-loader为您管理此“转译”。

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