JavaScript ES6 JSON import syntax

Question

I try to write my code in ES6 standard but when I try to import a .json it fails on me.

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

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

Can someone explain what I do wrong?

I use it then like this:

console.log(JasonT);

`import` is not supported by Node.JS yet. You can use Babel if you want to use that. — LEQADA, Aug 08 '17 at 07:02
https://stackoverflow.com/questions/34944099/how-to-import-a-json-file-in-ecmascript-6 — barbsan, Aug 08 '17 at 07:02
could it be issue with `JasonT` instead of `JsonT`? I see you asked for ```jsonfile = JSON.parse(JasonT);``` — Rita Kondratyeva, Aug 08 '17 at 07:16
@LEQADA apparently this question also is not about Node.js. @Rudi Have you tried `import JsonT from "../../Data/t"` as suggested in linked question? — barbsan, Aug 08 '17 at 07:22
@barbsan yeah removing the .json fixed the problem... didn't think that this would be a problem. Thank you! — rufreakde, Aug 08 '17 at 07:30

score 1 · Answer 1 · answered Aug 08 '17 at 09:09

Since ES6 is not actually supported on most browsers or JS platforms yet, you will need to use a 'transpiler' like Babel to convert your ES6 code into interpretable JavaScript.

If you are using Webpack, you can use babel-loader to manage this 'transpiling' for you.

If you are just getting started with React, I would recommend using a build config starter like create-react-app. This will allow you to get started writing ES6 React code without having to worry about the initial overhead of setting up a build environment.

JavaScript ES6 JSON import syntax

1 Answers1