Неожиданный токен при отложенной загрузке компонентов - PullRequest
Новая
       16

Неожиданный токен при отложенной загрузке компонентов

0 голосов
/ 28 апреля 2018

Я пытаюсь реорганизовать растущее приложение React для использования отложенной загрузки. Взяв в качестве примера следующее: 

import React, { Component } from 'react'
import { render } from 'react-dom'
import Loadable from 'react-loadable';

const Orders = Loadable({
    loader: () => import('./Orders'),
    loading() {
        return <div>Loading...</div>
    }
});

Моя компиляция веб-пакета всегда завершается с: 

Module build failed: SyntaxError: Unexpected token
...
> 24 |   loader: () => import('./Orders'),

Очевидно, что импорт душит код, но я не понимаю, почему.

Мой .babelrc файл выглядит так: 

{
  "presets": ["env", "react"]
}

1 Ответ

0 голосов
/ 28 апреля 2018

Итак, следите за T.J. Комментарий Краудера к моему первоначальному вопросу я обнаружил плагин динамического импорта babel

Установка этого с пряжей: 

yarn add babel-plugin-syntax-dynamic-import -dev

Затем добавьте его в мой .babelrc, таким образом: 

{
    "presets": ["env", "react"],
    "plugins": ["syntax-dynamic-import"]
}

исправлена ​​проблема Unexpected token.

...