react-collapsible 编译失败

Question

我在spring+reactJS项目上工作，目前从事前端工作（该领域的初学者）。

通常我会尝试从 "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;

我已经安装了 react-collapsible 并且我在 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) {

当然这只是项目的一部分，除了这部分一切正常。我不知道我该怎么办，如果错误与代码的其他部分有关，这可能有用，请告诉我。

react-collapsible 模块有什么问题吗？我应该怎么办？当我安装它时我没有收到任何警告，应该添加其他依赖项

Answer 1

将导入更改为 import Collapsible from "react-collapsible";

您正在从 src 而不是已处理的 dist 导入。

如果您检查此模块的 package.json，您会看到默认的 exported file 是 dist/Collapsible.js。

react-collapsible 编译失败

react-collapsible Failed to Compile

javascript

java

dependencies

reactjs

react-component