Я хочу использовать babel-register для запуска приложения узла, которое обслуживает приложение реакции (рендеринг на стороне сервера).
Я использую это так:
require('babel-register')({
extensions: ['.jsx', '.js'],
cache: false,
ignore: //(build|node_modules)//,
presets: ['env', 'react-app'],
plugins: [
[
'module-resolver',
{
root: ['./app'],
extensions: ['.jsx', '.js'],
},
],
'syntax-dynamic-import',
'dynamic-import-node',
'react-loadable/babel',
],
});
Дело в том, что когда я хочу импортировать относительный файл jsx без расширения (предположим, файл Checkout.jsx), например
import Checkout from './Checkout';
он импортирует пустой объект {}. Если я добавлю расширение .jsx к импорту, например
import Checkout from './Checkout.jsx';
он работает и импортирует компонент React.
Есть идеи, почему без расширения это не работает?
Спасибо!!
также проверьте это, stackoverflow.com/questions/34678314/…



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


вы должны попробовать это, это может сработать для вас "import {Checkout} from './Checkout';"