2017-08-25 22 views
-2

我试图让我的第一尝试与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; 

但触发此错误

enter image description here

任何想法我做错了什么?

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

enter image description here

+1

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

+0

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

+0

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

回答

2

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

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

相关问题