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 =
müssen Sie "importieren" transpile. Es wird noch nicht in Browsern unterstützt. – naomik