在 github 上运行 npm install 但无法导入 javascript 文件

Question

我在 github 上名为“react-slingshot-Boilerplate”的项目上成功运行了 npm install。在 node_modules 文件夹中，我可以在运行 npm install 后看到项目“react-slingshot-Boilerplate”。我还可以在该 node_modules 包中找到我想要导入的组件。

这是我尝试将 npm 安装的组件导入 INTO 的组件：

import {LoginPage} from 'react-slingshot-Boilerplate';

class login2 extends React.Component {
    constructor(props) {
        super(props);

    }

    render() {
        return (
            <div className="login-container">
                <LoginPage></LoginPage>
            </div>
        );
    }
}

这是我要导入的组件：

class LoginPage extends React.Component {
             constructor(props) {
                 super(props);
             }

    render() {
            return (
                <div >
                    <h1 >hello world</h1>
               </div>
     );
  }

 export default connect(mapStateToProps, mapDispatchToProps)(LoginPage);

Answer 1

导入名称有问题。您为类和导入包保持相同的名称，请参阅：

//LoginPage作为类名和导入名重复。

import {LoginPage} from 'react-slingshot-Boilerplate';

class LoginPage extends React.Component {

注意：npm install 将安装所有注册到 npm 的库，直接将文件保存到 node_module 文件夹并运行npm install 将不起作用。