0

В старых версиях 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 (Код не мой)

2
  • "Не компилирует" - это плохо. Хуже только не дать описание ошибки, с которой Babel отказывается делать свою работу.
    – user207618
    26 июн 2018 в 5:32
  • Module build failed: SyntaxError: Unexpected token. Ругается на символ < в первом выражении и на => во втором выражении 26 июн 2018 в 5:37

1 ответ 1

1

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

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

1
  • Спасибо огромное, заработало! 26 июн 2018 в 7:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.