2017-08-08 3 views
0

Ich versuche, meinen Code in ES6-Standard zu schreiben, aber wenn ich versuche, eine .json zu importieren, scheitert es an mir.JavaScript ES6 JSON-Import-Syntax

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

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

Kann jemand erklären, was ich falsch mache?

Ich benutze es dann wie folgt aus:

console.log(JasonT); 
+1

'import' wird von Node.JS noch nicht unterstützt. Sie können Babel verwenden, wenn Sie das verwenden möchten. – LEQADA

+0

https://stackoverflow.com/questions/34944099/how-to-import-a-json-file-in-ecmascript-6 – barbsan

+0

@barbsan diese Frage geht nicht über Node.js – LEQADA

Antwort

1

Da ES6 ist nicht wirklich auf den meisten Browsern unterstützt oder JS-Plattformen noch, müssen Sie wie Babel eine ‚Transpiler‘ benutzen, um Ihre ES6 Code in interpretierbar zu konvertieren JavaScript.

Wenn Sie Webpack verwenden, können Sie babel-loader verwenden, um dieses 'transpiling' für Sie zu verwalten.

Wenn Sie gerade mit React beginnen, würde ich empfehlen, einen Build-Config-Starter wie create-react-app zu verwenden. Auf diese Weise können Sie mit dem Schreiben von ES6 React Code beginnen, ohne sich um den anfänglichen Aufwand beim Einrichten einer Build-Umgebung kümmern zu müssen.