将import React从' React -dom '改为import React， {Component} 并更改类Classname扩展React。组件到类Classname扩展组件 如果你正在使用React的最新版本(目前是16.8.6)。

它也可能是由拼写错误引起的，所以你有一个小写C的Component，而不是大写C的Component，例如:

React.component //wrong.
React.Component //correct.

注意: 这个错误的来源可能是因为有React，我们自动认为接下来应该是一个React方法或属性，以小写字母开头，但实际上它是另一个类(组件)，应该以大写字母开头。

对我来说，是React。元素更改为React。修复此错误的组件。

使用Babel(5.8)，如果我尝试将表达式export default与其他一些导出结合使用，我会得到相同的错误:

export const foo = "foo"
export const bar = "bar"
export default function baz() {}

我将提供另一个可能的解决方案，一个对我有用的解决方案。我使用便利索引将所有组件收集到一个文件中。

我不相信在写这篇文章的时候，babel是官方支持的，并且会把typescript弄得一团糟——但是我在很多项目中看到过它的使用，而且肯定很方便。

然而，当与继承结合使用时，它似乎会抛出上面问题中提出的错误。

一个简单的解决方案是，对于充当父模块的模块需要直接导入，而不是通过方便的索引文件导入。

. / src /组件/ index.js

export Com1 from './com-1/Com1';
export Com2 from './com-2/Com2';
export Com3 from './com-3/Com3';
export Parent1 from './parent/Parent1';

. / src /组件/ com-1 / Com1.js

import { Com2, Com3 } from '../index';

// This works fine
class Com1 {        
    render() {
        return (
            <div>
                <Com2 {...things} />
                <Com3 {...things} />
            </div>
        );
    }
}

. / src /组件/ com-3 / Com3.js

import { Parent } from '../index';

// This does _not_ work
class Com3 extends Parent {        
}

. / src /组件/ com-3 / Com3.js

import Parent from '../parent/Parent';

// This does work
class Com3 extends Parent {        
}

组件名称可能存在拼写/大小写错误: 例如:

class HelloMessage extends React.Component

class HelloMessage extends React.component

请查一下。