SyntaxError: Неожиданный импорт токена - реагировать - PullRequest
Новая
       33

SyntaxError: Неожиданный импорт токена - реагировать

0 голосов
/ 11 апреля 2019

В нашем приложении мы использовали библиотеку иконок, которая была создана первыми разработчиками и больше не поддерживалась новой версией react (16.0 and higher)

Мы решили оставить их прежний вид, просто слегка изменив код, чтобы он работал, и сделать его Component.

Вот как это выглядит сейчас: 

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import * as icons from 'icons';

class Icon extends Component {
    static propTypes = {
        type: PropTypes.oneOf(Object.keys(icons)).isRequired
    };

    render() {
        const {type, ...other} = this.props;
        const IconComponent = icons[type];

        return IconComponent ? (
            <IconComponent {...other}/>
        ) : null;
    }
}

export * from '/icons';
export default Icon;

Теоретически все должно работать нормально, так как другие компоненты в этом каталоге написаны аналогичным образом.

Но есть ошибка, с которой я никогда не сталкивался: 

00:14:58 App /home/cpt/Desktop/prod/local/app/components/Base/Elements/IconSocial/index.js:3
00:14:58 App import _Object$defineProperty from 'babel-runtime/core-js/object/define-property';
00:14:58 App ^^^^^^
00:14:58 App SyntaxError: Unexpected token import

Ошибка указывает на эту строку: import * as icons from 'icons';

Мы используем babel-core": "6.26.3"

Скажите, пожалуйста, что может быть? Заранее благодарим за любой ваш совет.

1 Ответ

1 голос
/ 11 апреля 2019

Это вопрос вавилона.Здесь вы можете прочитать об этом: https://github.com/babel/babel/issues/2877

Возможное решение было бы добавить это к плагинам: 

"plugins": [
    ["transform-runtime", { "polyfill": false }]
]
...