電子ES6コード予期しないトークンのインポート

htmlでのES6コードの使用は成功です。しかし、単独でjs failでES6コードを書き込むとエラーです。

はpackage.json：私はimport FF from'./Foo.js';を使用し、それは誤りだと、 "予期しないトークンのインポート" を表示したときに電子で

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

のindex.htmlは成功

<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>

です。

foo.jsは

import React from 'react' 

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

電子が最新バージョンです。

htmlのES6コード<script type="text/babel">が成功しました ES6コードを単独で使用するにはどうすればよいですか？。おかげで= =

出典

2016-08-08 Xzin

あなたは 'import'を蒸散する必要があります。まだブラウザではサポートされていません。 – naomik

-2

あなたはこの行のスペース（」「）不足している：

import FF from'./Foo.js';

は次のようになります。私の知識については

import FF from './Foo.js';

出典

2016-08-08 14:28:04

は、ES6モジュールのサポートは、最初にする必要がありますV8の土地。今のところは、あなたが使用する必要があります：

const ReactDOM = require('react-dom')

出典

2016-08-12 09:24:17 mrkovec

ありがとう、私はzhe webpackを使用して、この問題をあきらめます=。=、それはトラブルになります – Xzin

電子ES6コード予期しないトークンのインポート

答えて

関連する問題