Зачем Babel заменяет import на require?

Я новичок и хочу частично сделать функционал на сайте на React. При этом хочу разбить функционал на отдельные js файлы, т.е. использовать модули. В современном JavaScript это делается с помощью команд export / import (никакие доп.библиотеки вроде как не требуются).

Подключил react, babel и мой скрипт так:
<script src="/React/react.development.js" crossorigin></script>
<script src="/React/react-dom.development.js" crossorigin></script>
<script src="/React/babel.min.js"></script>
<script src="/app.js" type="text/babel"></script>

Далее, в моем скрипте app.js хочу импортировать функцию из модуля:
import {Top} from './top.js'; 

class App extends React.Component {
  render () {
    <Top />
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

Однако, babel преобразует команду import в require и возникает ошибка:
Uncaught ReferenceError: require is not defined
Как исправить ситуацию ? Что я делаю не так ?
  • Вопрос задан
  • 450 просмотров
Решения вопроса 1
@Dasslier
FrontEnd Developer
На тостере пробовал поискать ответ? ответ <<<
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы