为什么 react js 找不到我导出的模块？

Question

当我运行我的反应应用程序时，控制台说

Failed to compile.

./src/components/login/index.js
Attempted import error: 'Login' is not exported from './login'.

这是文件夹结构：

??? index.js
??? login.js
??? register.js

index.js 文件：

export { Login } from "./login";
export { Register } from "./register";

登录.js文件：

import React from "react";
import ReactDOM from 'react-dom';
import loginImg from "../../login.svg";



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

    render() {
        return(
            // correct code
        )
    }
}


export default Login;

起初，我以为是拼写错误或类似的东西，但我检查了拼写和语法，仍然对错误感到困惑。真的很想得到一些帮助！

Answer 1

问题是您的登录组件具有默认导出。您将其导入为命名导出。

您的导入语句必须是

import Login from './login' 

import { default as Login } from './login' 

或者您应该将您的登录组件导出为

export { Login }