未捕获的ReferenceError:未使用reactjs定义导出

时间:2017-08-25 12:45:16

标签: javascript reactjs export

我正在尝试使用react.js进行第一次尝试,我已经下载了示例项目from here

并创建了一个scripts.js like所以:

import React from 'react';

class App extends React.Component {
    constructor () {
        super ();
        this.state = {
            text: 'Default text'
        }
    }

    update (e) {
        this.setState ({text: e.target.value});
    }

    render () {
        return (
            <div>
                <input onChange={this.update.bind(this)} type="text" />
                <div>{this.state.text}</div>
            </div>
        )
    }
}

export default App;

但会触发此错误

enter image description here

知道我做错了吗?

BTW,这就是.html看起来的样子(截图,因为它使用的是url-shorteners)

enter image description here

1 个答案:

答案 0 :(得分:2)

我不是100%肯定这一点,但看起来您在不支持它们的环境中使用ECMA6 / 7功能。

对于支持ECMA6 / 7的快速简便的项目设置,您可以使用create-react-app package