Относительный импорт jsx в babel-register

Я хочу использовать 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.

Есть идеи, почему без расширения это не работает?

Спасибо!!

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

Raj Jaril 08.08.2018 08:24

также проверьте это, stackoverflow.com/questions/34678314/…

Raj Jaril 08.08.2018 08:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
112
0

Другие вопросы по теме