Синтаксис JSX/JavaScript в Chrome

Это действительно глупо, но у меня возникла проблема с Chrome (отлично работает в Firefox) с этим синтаксисом, заимствованным из примера в компоненте react-dnd (ссылка: https://github.com/gaearon/react-dnd/blob/master/examples/_dustbin-simple/Dustbin.js).

const itemDropTarget = {
    acceptDrop(component, item) {
        component.setItem(item);
    }
};

Это вызывает эту ошибку:

Uncaught SyntaxError: Неожиданный токен (

Хрому это тоже не нравится:

const DustbinSimple = React.createClass({
    render() {

Это должно быть:

const DustbinSimple = React.createClass({
    render: function() {

Что мне не хватает? Должно быть что-то действительно основное, чего я не понимаю.

Заранее спасибо.


reactjs javascript syntax-error react-jsx
person Nicolas Alejo    schedule 16.03.2015    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Я нашел, в чем проблема... Мне нужно было скомпилировать код JSX, используя флаг --harmony с реакцией/браузером:

...
bundler.transform(["reactify", {"harmony": true}]);
...
person Nicolas Alejo    schedule 16.03.2015
comment
Да, если вы используете какие-либо функции ES6 и хотите запустить их в браузере, который их еще не поддерживает, вам также необходимо скомпилировать их в ES5. Флаг harmony делает это. (На самом деле это не имеет ничего общего с JSX). - person Felix Kling; 16.03.2015

arrow_upward
1
arrow_downward

JSX — это расширение Javascript. Чтобы запустить его в браузере, вы должны запустить его через JSX Transformer.

person Mike Cluck    schedule 16.03.2015
comment
Вы правы, я не указал, что код уже скомпилирован с помощью браузера/реактивации - person Nicolas Alejo; 16.03.2015

arrow_upward
0
arrow_downward

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

person Hafiz Arsam Rahmaan    schedule 16.07.2019