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
– LEQADA, Commented Aug 8, 2017 at 7:02
@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
– barbsan, Commented Aug 8, 2017 at 7:22

cathalkilleen · Accepted Answer · 2017-08-08 09:09:47Z

1

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.

answered Aug 8, 2017 at 9:09

cathalkilleen

3151 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript ES6 JSON import syntax

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related