javascript - ./src/App.js 83 :48-54 "export ' default' (imported as 'Signup' ) was not found in './Signup.js'

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 5 年前。

Improve this question

我不明白，请帮忙。我是 react 新手。

这是我的代码。

App.js

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

import React, { Component } from 'react';
import './App.css';
import Signup from './Signup.js';
import Login from './Login.js';

class App extends Component {

  getInitialState(){
    return {signup:false,login:true}
  }

  switch(word){
    var signup,login;
    if(word == "signup"){signup = true;login = false;}
    else{login = true; signup = false;}
    return this.setState({login:login,signup:signup})    
  }

  render(){    //this is render method
    var self = this;
      return (
        <div>
          <div id="buttons">
            <p id="signupButton" onClick={self.switch.bind(null,"signup")} className={self.state.signup ? "yellow":"blue"}>Sign In</p>
            <p id="loginButton" onClick={self.switch.bind(null,"login")} className={self.state.login ? "yellow":"blue"}> Login</p>
          </div>              
            {self.state.signup? <Signup/> : null}
            {self.state.login? <Login /> : null}            
        </div>
            )
  }
}

export default App; // I think problem is here but not understood

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

这是我的login.js页面代码 登录.js

import React, { Component } from 'react';
import './App.css';

class Login extends Component {
    render(){
            return (
                 <div>
                    <div id="login">
                        <input type="email" id="email" placeholder="Email"/>
                        <input type="password" id="password" placeholder="Password"/>
                        <button id="send">Send</button>
                    </div>
                  </div>
            )
      }
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

这是我的 Signup.js 页面代码 注册.js

import React, { Component } from 'react';
import './App.css';

class Signup extends Component {

  render(){
         return (
            <div>
                  <div id="signup">
                        <input type="text" id="first" placeholder="First Name"/>
                        <input type="text" id="last" placeholder="Last Name"/>
                        <input type="email" id="email" placeholder="Email"/>
                    <input type="password" id="password" placeholder="Password"/>
                    <input type="password" id="confirm" placeholder="Confirm Password"/>
                    <button id="send">Send</button>
            </div>
                </div>

            )
      }
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

我不明白问题出在哪里。

Answer 1

为了使导入成为可能，您需要先导出您的类:

export default class Signup extends Component {

在Signup.js和login.js中:

export default class Login extends Component {