電子ES6代碼意外的令牌導入

Question

開發電子應用程序。

在HTML中使用這些ES6代碼是成功的。 但是用單獨的js編寫ES6代碼失敗是錯誤的。

package.json：

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

當我import FF from'./Foo.js';使用import FF from'./Foo.js';時import FF from'./Foo.js'; 錯誤，並顯示“意外的令牌導入”。

Foo.js

import React from 'react'

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

電子版是最新版本。

html <script type="text/babel">中的ES6代碼成功，如何在單獨的文件中使用ES6代碼？ 謝謝=。=

Answer 1

據我所知，首先需要在V8中獲得對ES6模塊的支持。 現在，您必須使用：

const ReactDOM = require('react-dom')

Answer 2

您在此行中缺少空格（''）：

import FF from'./Foo.js';

應該：

import FF from './Foo.js';

電子ES6代碼意外的令牌導入

問題描述

2 個解決方案

解決方案1
0 2016-08-12 09:24:17

解決方案2
-3 2016-08-08 14:28:04

電子ES6代碼意外的令牌導入

問題描述

2 個解決方案

解決方案1 0 2016-08-12 09:24:17

解決方案2 -3 2016-08-08 14:28:04

解決方案1
0 2016-08-12 09:24:17

解決方案2
-3 2016-08-08 14:28:04