2016-11-19 6 views
0

FacebookはReact.createClassを完全に削除し、ES6クラスを完全に採用することを提案しています。私は今、react.jsのクラスを辿り、現在受け入れられているclass MyClass extends React.Componentの構文に置き換え始めています。しかし、私はまだいくつかの事柄についてはかなりあるとは思わない。私は次のAPIマウントをコーディングしており、gulpはロード時にこの特定のモジュールが好きではないようです:Cannot find module '.components/ticker-trader' from '/.../src'React.createClassをReact.Componentに置き換えよう

私の特定のクラスは、以下のように概説されています

import React, { Component, PropTypes } from 'react'; 

class TickerTrader extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = { 

    }; 
    } 

    componentDidMount() { 
     $.get("api_url", function(data) { 
     this.setState(data), 
     }); 
    } 

    render() { 
    return (
     <div></div> 
    ); 
    } 
} 

export default TickerTrader; 

まさに、これは間違った場所、誰もが概説でした...私はそれがsimplisitic何かであると確信しています。私はドキュメントを使用してこれを修正しようとしましたが、どこにもいないようです...

+0

gulpfileまたは関連するセクションを提供してください。それはパスの問題かもしれないように見えますか? –

+0

@MarkWilliamsこれはこの問題が発生している唯一のコンポーネントです。私の 'index.js'ファイルには以下が含まれています:' import TickerTrader from 'components/tradingdesk-ticker'; '上記のクラスは、' src/components'フォルダ内の 'tradingdesk-ticker.js'という名前のファイルにあります。なぜこれがうまくいかないのか分かりません... –

+0

@MarkWilliamsこれは、ガルプがこれらのエラーを吐き出すのに役立ちます: '4:26エラーモジュールへのパスを解決できません.components/tradingdesk-ticker 'import/no-unresolved 4: 26エラー ".components/tradingdesk-ticker"インポート/エクステンションのファイル拡張子がありません 6:1エラーコメントスペースに '//'の後に例外ブロック、スペース、またはタブが必要です。間隔が空いているコメント ' –

答えて

0

ファイルのパスを確認してください。間違って見えます

Cannot find module '.components/ticker-trader' from '/.../src'

.components/ticker-traderの代わりに、おそらく./components/ticker-traderを探しているはずです。

+0

その問題が修正されました。私は新しいエラーが発生する可能性があるので、新しいチケットを開く必要があります。 'file:/ Users /.../ src/components/tradingdesk-ticker.js'の解析中に予期しないトークン(14:6)何か案は? –

+0

私は文法エラーを見てきました。 'this.setState(data)'の後にはカンマがあってはいけません。謝罪。 –

関連する問題