Question

我有一个RN应用程序（RN版本0.48.3），我的文件夹结构：

/index.ios.js
/index.android.js
/app/index.js

index.ios.js：

import {AppRegistry} from 'react-native';
import home from './app';
AppRegistry.registerComponent('home', () => home);

/app/index.js：

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

export default class home extends Component {
  render() {
    return (
      <View>
  ...
      </View>
    );
  }
}

如果我运行应用程序，它会显示此错误：

元素类型无效：需要一个字符串（对于内置组件）或者是一个类/对象......

但是当更改index.ios.js中的第二行时，它可以正常工作：

import home from './app'; -> import home from './app/index.js';

任何人都可以向我解释原因吗？路径“./app”在index.js里面是不正确的？

Answer 1

使用camelcase尝试使用Home，并从您的班级名称中删除主页

瞧瞧：

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

export default class extends Component {
  render() {
    return (
      <View>
  ...
      </View>
    );
  }
}



 import {AppRegistry} from 'react-native';
    import Home from './app';
    AppRegistry.registerComponent('Home', () => Home);

React-native导入路径快捷方式问题

1 个答案: