Babel не компилирует мой js код

197
04 августа 2018, 12:50

В старых версиях IE не работает js код. Пытаюсь работать через babel.js. Создал в исходной папке проекта файл index.js. Прописал команды в командной строке: npm init, npm install --save-dev babel-cli babel-preset-env. В package.json в раздел scripts прописал "babel": "babel". Далее создал в корне проекта файл .babelrc и добавил { "presets": ["env"] } в него. Далее прописываю npm run babel --preset env index.js -o bundle.js. Babel для отдельных фрагментов кода не работает:

class Spinner extends React.Component { 
    render() { 
        return <div id="spinner" className="position-absolute w-100 h-100 bg-dark" style={{ top: 0, left: 0 }}> 
            <i className="fas fa-3x fa-sync-alt fa-spin text-light position-absolute" style={{ top: "50%", left: "50%" }}></i> 
        </div>; 
    } 
} 
 
let sum = 0; 
let items = cart.items.map((item, index, arr) => { 
    sum += item.price * item.count; 
    return { ...item, sum: item.price * item.count, selected: false }; 
});

На сайте babel в разделе "Try it out" код корректно компилируется. В чем может быть ошибка?

P.S (Код не мой)

Answer 1

Проблема вашего js кода - в том, что он вовсе не js код, а jsx.

Для компиляции jsx вы должны добавить пресет react из пакета babel-preset-react.

READ ALSO
Как реализовать анимацию по клику SVG фигур в EDGE и IE?

Как реализовать анимацию по клику SVG фигур в EDGE и IE?

Чтобы не возникало лишних вопросов, и не было предложений, которые не решают вопросаИзменил примеры на оригинал

181
Активное поле после отправки данных на сервер

Активное поле после отправки данных на сервер

есть поле <td class="left"><input type="text" class="packed" placeholder="<?php echo $text_provider_enter?>"></td> в него вносятся данные с помощью сканера и они оправляются...

201
Как сделать проверку if/else ширину блока в Jquery?

Как сделать проверку if/else ширину блока в Jquery?

Нужно повесить toggle событие на элемент, который будет изменять ширину блокаТо больше будет его делать, то меньше

184
Не работает iconContent

Не работает iconContent

Использую кастомные иконки для отображения точек на карте, для отображения использую objectManager, даже если я убираю свойство для кастомной иконки,...

219