Требовать против импорта

Question

Код выполняется без ошибок, когда я require по сравнению с тем, когда я import, тогда я получаю сообщение об ошибке:

app. js:

// require("@babel/polyfill");
// require("@babel/core");
import babel from '@babel/core';
import babelpoly from '@babel/polyfill';
import axios from 'axios';

const BASE_URL = 'https://jsonplaceholder.typicode.com';

const getTodos = async () => {
  try {
    const res = await axios.get(`${BASE_URL}/todos`);

    const todos = res.data;

    console.log(`GET: Here's the list of todos`, todos);

    return todos;
  } catch (e) {
    console.error(e);
  }
};

Исходя из того, что я понимаю, require и import имеют одинаковую функциональность, но у них есть компромиссы в производительности. Должно быть, я ошибаюсь, иначе это сработало бы в обоих направлениях

Answer 1

импорт - это функция ES6, для которой требуется преобразование импорта в общий JS. Вы должны требовать, чтобы babel использовал import.