对于那些使用react-native的人:

import React, {
  Component,
  StyleSheet,
} from 'react-native';

可能产生此错误。

而直接引用react是更稳定的方法:

import React, { Component } from 'react';
import { StyleSheet } from 'react-native';

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

我不相信在写这篇文章的时候，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 {        
}

我写

React.component

而不是React。组件 这是我的问题)) 为了这个找了半个多小时。

我在导入组件时遇到了这个错误，比如:

import React, { Components } from 'react';

而不是

import React, { Component } from 'react';

在我的例子中，我使用的是:

class Root extends React.Component() {
// THIS IS WORNG
// After React.Component () <- WRONG!!
}

这是错误的但正确的是:

class Root extends React.Component {
// THIS IS CORRECT
// That -> '()' after React.Component was typo
}

也要确保有 √反应。组件 不 ˣReact.component或React。组件

当我用这句话的时候也发生在我身上:

class App extends React.Component(){

}

而不是正确的:

class App extends React.Component{

}

注意:-()在第一个是这个问题的主要原因