не удалось скомпилировать - PullRequest
Новая
       10

не удалось скомпилировать

0 голосов
/ 07 мая 2018

Я работаю над проектом spring + ReactionJS, в настоящее время работаю над интерфейсом (новичок в этой области).

Обычно я пытаюсь создать простой аккордеон из "REACT-COLLAPSIBLE".

Код очень прост: JS файл: 

import React, { Component } from 'react';
import { Link } from "react-router-dom";
import '../index.css';
import Collapsible from "react-collapsible/src/Collapsible";


class Author extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (

            <Collapsible trigger="Start here">
                <p>This is the collapsible content. It can be any element or React component you like.</p>
                <p>It can even be another Collapsible component. Check out the next section!</p>
            </Collapsible>

        );
    }

}
export default Author;

Я установил реагирующе-складываемый , и у меня есть правильная зависимость в package.json

Когда я пытаюсь скомпилировать этот код, у меня появляется ошибка компиляции: 

Failed to compile.

./node_modules/react-collapsible/src/Collapsible.js
Module parse failed: Unexpected token (116:8)
You may need an appropriate loader to handle this file type.
|     if (this.props.triggerSibling && typeof 
this.props.triggerSibling === 'string') {
|       return (
|         <span className={`${this.props.classParentString}__trigger- 
sibling`}>{this.props.triggerSibling}</span>
|       )
|     } else if(this.props.triggerSibling) {

Конечно, это только часть проекта, кроме этой части все работает. Я понятия не имею, что мне делать, если ошибка связана с другой частью кода, что может быть полезно, дайте мне знать.

Sth не так с реактивно-разборным модулем? Что я должен делать? Когда я установил его, я не получил предупреждение, что следует добавить другую зависимость

1 Ответ

0 голосов
/ 07 мая 2018

Измените ваш импорт на import Collapsible from "react-collapsible";

Вы импортируете из src, а не из dist, который был обработан.

Если вы извлекаете для этого файл package.jsonВ модуле вы увидите, что по умолчанию экспортируемый файл равен dist/Collapsible.js.

...