gpmでnpmをインストールしましたが、javascriptファイルをインポートできません

Question

githubから 'react-slingshot-Boilerplate'という名前のプロジェクトにnpm installを正常に実行しました。 node_modulesフォルダには、npm installを実行した後、プロジェクト 'react-slingshot-Boilerplate'が表示されます。私は、そのnode_modulesパッケージ内にインポートしたいコンポーネントを見つけることもできます。

ここで私はINTO NPMインストールされたコンポーネントをインポートしようとしているコンポーネントされています。ここでは

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が動作しません実行してインストールします。