콘솔에서 종료되지 않은 JSX 콘텐츠 오류를 발생시킵니다.

콘솔에서 종료되지 않은 JSX 콘텐츠 오류를 발생시킵니다.

닫았습니다. 이 질문은재현할 수 없거나 오타가 원인입니다.현재 답변을 받고 있지 않습니다.

---

이 질문은 오타 또는 더 이상 재현할 수 없는 문제로 인해 발생합니다.비슷한 질문들이 주제일 수 있지만, 이 질문은 미래의 독자들에게 도움이 될 가능성이 적은 방법으로 해결되었다.

2년 전에 문을 닫았어요

이 질문을 개선하다

jspm/systemjs와 babel을 사용하여 기본 리액션 예를 설정하려고 합니다.간단한 페이지를 표시하기 위해 여기에 이 코드가 있는데 오류가 발생합니다.

import React from 'react';

export default React.createClass({
displayName: 'MainComponent',
propTypes: {
    item: React.PropTypes.object
},
render: function render() {
    return (
        <div class="builder-conteiner">

        <div>;
    );
}
});

React.render(<MainComponent />, document.getElementById('app'))

아무것도 표시되지 않고 콘솔이 "종료되지 않은 JSX 콘텐츠"를 던지고 babel이 다음 명령을 가리키고 있습니다.react.render행:

 17 | React.render(<MainComponent />, document.getElementById('app'))
    |                               ^ 

미닫이 2개가 있습니다.<div>태그 인render()아마 속하지 않을 세미콜론도 있어요그것들을 삭제합니다(예를 들어 닫거나 세미콜론을 삭제합니다).<div>;다시 시도합니다.

/를 closing div 요소에 지정하고 div 요소 뒤에 세미콜론(;)을 제거합니다.

import React from 'react';

export default React.createClass({
displayName: 'MainComponent',
propTypes: {
    item: React.PropTypes.object
},
render: function render() {
    return (
        <div class="builder-conteiner">

        </div>
    );
}
});

React.render(<MainComponent />, document.getElementById('app'))

언급URL : https://stackoverflow.com/questions/33127130/console-is-throwing-unterminated-jsx-contents-error