Javascript 未捕获引用错误：未使用reactjs定义导出

我正在尝试使用react.js进行第一次尝试，我没有加载示例项目

并创建了一个scripts.js，以便：

从“React”导入React；
类应用程序扩展了React.Component{
构造函数（）{
超级（）；
此.state={
文本：“默认文本”
}
}
更新（e）{
this.setState（{text:e.target.value}）；
}
渲染（）{
返回(
{this.state.text}
)
}
}
导出默认应用程序；

但这是一个错误

知道我做错了什么吗

顺便说一句，这就是.html的外观（截图，因为它使用url缩短器）

---

对此我不是100%肯定，但看起来您在不支持ECMA6/7功能的环境中使用了ECMA6/7功能

---

对于支持ECMA6/7的快速、简单的项目设置，您可以使用

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

---

为了快速简便地安装支持ECMA6/7的项目，您可以使用

听起来像是在传输，但没有安装相关的捆绑程序（Webpack、Browserify等）和/或将传输程序设置为采用节点样式的模块。我们必须对您的环境、构建文件等有更多的了解，才能帮助您缩小问题的范围。@edgaromar90我已经链接到github页面，但您可以检查这里的所有文件。我只使用问题代码更改了scripts.js问题的全部内容必须在您的问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。更多：@T.J.Crowder我知道，但如果你查看内容，它包含的fb.me url不会让我包括在问题中。。。（包括一个屏幕截图，以便您可以看到）此外，也许您不应该遵循4年前的教程？下面给出的答案与这些天的起点非常相关。例如，您正在传输，但没有安装相关的捆绑程序（Webpack、Browserify等）和/或将传输程序设置为采用节点样式的模块。我们必须对您的环境、构建文件等有更多的了解，才能帮助您缩小问题的范围。@edgaromar90我已经链接到github页面，但您可以检查这里的所有文件。我只使用问题代码更改了scripts.js问题的全部内容必须在您的问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。更多：@T.J.Crowder我知道，但如果你查看内容，它包含的fb.me url不会让我包括在问题中。。。（包括一个屏幕截图，以便您可以看到）此外，也许您不应该遵循4年前的教程？以下给出的答案与这些天的起点非常相关

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;