未捕获的ReferenceError：出口是使用reactjs

问题描述：

我试图让我的第一尝试与react.js没有定义，我donwloaded示例项目from here 未捕获的ReferenceError：出口是使用reactjs

并开创了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;

但触发此错误

任何想法我做错了什么？

顺便说一句，这是怎样的。html的外观（截图，因为它使用的URL，缩短服务）

听起来你transpiling，但没有安装相关的捆绑（的WebPack，Browserify等）和/或让转译器设置为承担节点式模块。我们必须更多地了解您的环境，构建文件等，以帮助您缩小问题范围。 –

@ edgaromar90我已经链接到github页面，但您可以在这里查看所有文件https://gist.github.com/danawoodman/9cfddb1a0c934a35f31a我只更改了带问题代码的scripts.js –

您问题的完整内容必须在**你的问题**，不只是链接。链接腐烂，使问题及其答案在未来的人们中毫无用处，人们不应该离开现场去帮助你。更多：[*如何问一个好问题？]（/帮助/如何问） –

答

我不是100％肯定这一点，但它看起来像你正在使用ECMA6/7个功能在不支持它们的环境中。

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

未捕获的ReferenceError：出口是使用reactjs

相关推荐