2016-08-08 65 views
0

Entwicklungselektronen-App.Elektron ES6-Code Unerwarteter Token-Import

Verwendung zhe ES6-Code in HTML ist erfolgreich. aber schreibe ES6-Code in allein js fail ist ein Fehler.

package.json:

{ 
    "name": "app", 
    "version": "0.1.0", 
    "main": "main.js", 
    "dependencies": { 
    "react": "^15.3.0", 
    "react-dom": "^15.3.0" 
    } 
} 

index.html in Elektron Erfolg

<head> 
    <meta charset="UTF-8"> 
    <title>STW</title> 
    <script src="js/browser.min.js"></script> 
</head> 

<body> 
<div id="container"> 
</div> 
<script type="text/babel"> 
    import React,{Component} from 'react'; 
    import ReactDOM from 'react-dom'; 
// import FF from'./Foo.js'; 
    class F1 extends Component{ 
     render(){ 
      return <div>This is React component</div> 
     } 
    }; 
    ReactDOM.render(<F1/>,document.getElementById("container")) 


</script> 
</body> 
</html> 

wenn ich import FF from'./Foo.js'; verwenden Fehler es ist und zeigen "Unexpected Token-Import".

Foo.js

import React from 'react' 

export default class Foo extends React.Component{ 
    render(){ 
     return <div>This is React component</div> 
    } 
} 

Elektron ist neueste Version verfügbar.

ES6-Code in html <script type="text/babel"> ist Erfolg, Wie kann ich zhe ES6-Code in der Datei allein verwenden? . = Dank =

+0

müssen Sie "importieren" transpile. Es wird noch nicht in Browsern unterstützt. – naomik

Antwort

-2

Du einen Raum fehlt (‘‚) in dieser Zeile:

import FF from'./Foo.js'; 

werden sollten:

import FF from './Foo.js'; 
0

Was mein Wissen, Unterstützung für ES6 Module muss zuerst Land in V8. Für jetzt müssen Sie verwenden:

const ReactDOM = require('react-dom') 
+0

danke, ich benutze zhe webpack jetzt, gib dieses Problem =. =, Es ist zu Ärger – Xzin