2016-11-19 1 views
0

Facebook은 React.createClass를 ES6 클래스로 완전히 제거 할 것을 제안했습니다. 이제는 react.js 클래스를 거치면서 이제 허용 된 class MyClass extends React.Component 구문으로 바꿉니다. 그러나, 나는 아직 거기에 몇 가지 생각을하지 않습니다. 다음 API를 코딩했고 꿀꺽 꿀꺽 마는 것은로드 할 때이 특정 모듈을 좋아하지 않는 것 같습니다 : 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' 파일에는'.components/tradingdesk-ticker '에서 가져온 TickerTrader가 포함되어 있습니다. 위의 클래스는'src/components' 폴더의'tradingdesk-ticker.js' 파일에 있습니다. 왜 이것이 작동하지 않는지 잘 모르겠다 ... –

+0

@MarkWilliams 꿀꺽 꿀꺽 거리는 소리가 이러한 오류를 내뱉는 데 도움이된다면 : '4:26 오류 모듈에 대한 경로를 확인할 수 없습니다'구성 요소/tradingdesk-ticker '가져 오기/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

그 특정 문제가 해결되었습니다. 새로운 오류 티켓이 있기 때문에 새로운 티켓을 열어야 할 수도 있습니다 - 'User /.../ src/components/tradingdesk-ticker.js' 파일을 구문 분석하는 중에 예기치 않은 토큰 (14 : 6)이 발생했습니다. 어떤 아이디어? –

+0

구문 오류를 보았습니다.'this.setState (data) '다음에 쉼표가 있어서는 안됩니다. 정말보아야 할 기본적인 내용입니다. 사과. –

관련 문제