WebStorm React 开发提示 Default export is not declared in imported module

原创 fengGo     发表于  2021-03-11 01:28       349

React 项目构建失败,组件类名有警告,代码如下图:


构建失败信息为:

Attempted import error: './component/Login' does not contain a default export (imported as 'Login').

而且第三方代码有警告,鼠标放上去,提示信息为:

Default export is not declared in imported module

Login 组件类代码如下:

import React from 'react';

class Login extends React.Component{
    render() {
        return <div>我是登录页面</div>;
    }
}

怎么解决呢?看到这里,再根据异常提示,大体知道是什么原因导致的问题。解决步骤如下:

1、给组件类加上 ”export“ 修饰,修改后的代码如下:

export class Login extends React.Component{
    render() {
        return <div>我是登录页面</div>;
    }
}

2、组件引用加大括号修饰

import {Login} from './component/Login';