不变违规：元素类型无效：预期为字符串或类/函数，但得到：对象

Question

我知道这个问题，但似乎我的问题有所不同（即我认为导入结构不正确）

这是我得到的错误。 提到的文件位于react-native库的深处，不幸的是，该消息不是非常有用。

ExceptionsManager.js：73在renderApplication.js：35处检查代码。

不变违规：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。 ExceptionsManager.js：65

该错误位于：

 in RCTView (at View.js:71) in View (at AppContainer.js:102) in RCTView (at View.js:71) in View (at AppContainer.js:122) in AppContainer (at renderApplication.js:34) 

下面的index.js给了我错误， 但是如果我通过使用注释行而不是直接注册来显示我的组件，那么一切都会按预期进行。

index.js：

import { AppRegistry } from 'react-native';
import {App} from './src/App';
import {Test} from './src/App';
//AppRegistry.registerComponent('MyApp', () => Test);
AppRegistry.registerComponent('MyApp', App);

./src/App.js：

import React, { Component } from 'react';
import {Provider} from 'react-redux';
import { createStore, applyMiddleware, combineReducers, compose } from 'redux';
import { createLogger } from 'redux-logger'
import reducer from './reducers/index'
import AppContainer from './containers/AppContainer'
import {  Text,  View} from 'react-native';

const loggerMiddleware = createLogger({predicate: (getstate, action) => __DEV__});

function ConfigureStore(initialState){
   const enhancer = compose(
     applyMiddleware(loggerMiddleware)
   );

   return createStore(reducer,initialState, enhancer);
  }

const store = ConfigureStore({});

export class Test extends Component<{}> {
  render() {
    return (
      <View >
        <Text >
         xxx
         </Text>
      </View>
    );
  }
}

export const App= () =>(
  <Provider store={store}>
    <Test/>
  </Provider>
);

Answer 1

将您的代码更改为以下内容可以正常工作。

AppRegistry.registerComponent('MyApp', () => App);

registerComponent似乎期望返回一个组件或无状态组件的函数，而不是返回组件（JSX）的内容。

Answer 2

这是导入问题。 当我使用时：在cart.js中const CartItem = require("./cart-item"); 在cart-item.js export default CartItem我确实有这个问题，但是当我更改import时：在import CartItem from "../cart/cart-item"; 一切正常！