Question

开发电子应用

使用zh中的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';时出现错误并显示“意外的令牌导入”。

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代码？ thanks =。=

Answer 1

据我所知，对ES6模块的支持首先需要登陆V8。现在你必须使用：

const ReactDOM = require('react-dom')

Answer 2

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

import FF from'./Foo.js';

应该是：

import FF from './Foo.js';

电子ES6代码意外的令牌导入

2 个答案: