ожидаемое выражение, получил '<': обработка Babel JSX не работает

Question

Я пытаюсь сделать кликабельную кнопку с ReactJS, используя JSX с этим кодом:

    'use strict';

class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }

  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return (
      <button onClick={() => this.setState({ liked: true }) }>
        Like
      </button>
    );
  }
}

let domContainer = document.querySelector('#like_button_container');
ReactDOM.render(<LikeButton />, domContainer);

Я не понимаю, почему я получаю ошибку:

ожидаемое выражение, получил '<' </p>

Очевидно, что Бабель не обрабатывает JSX из моего кода, но он должен быть запущен, поэтому я не знаю, что посмотреть на данный момент.

Спасибо всем, кто пытается помочь!

Answer 1

Я только что понял, что копия JSX-версии моего кода в чистом JS была сделана после использования процессора Babel.