2017-08-25 42 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

相關問題