javascript - React Native iOS build Error - 检查类的渲染方法
问题描述
我最近才开始学习 React Native iOS,我正在关注 raywenderlich 教程
我正在使用以下版本:
react-native-cli: 2.0.1
react-native: 0.60.5
在添加导航部分,我遵循完全相同的步骤,但出现以下错误
"you likely forgot to export your component from the file it's defined in and you might have mixed up with default and named imports"
这是我的 App.js 文件代码
'use strict';
import React, { Component } from 'react';
import { StyleSheet, Text, NavigatorIOS, View } from 'react-native';
class SearchPage extends Component<{}> {
render() {
return <Text style={styles.description}>Search for houses to buy!
</Text>;
}
}
class App extends Component<{}> {
render() {
return (
<NavigatorIOS
style={styles.container}
initialRoute={{
title: 'Property Finder',
component: SearchPage,
}}/>
);
}
}
const styles = StyleSheet.create({
description: {
fontSize: 18,
textAlign: 'center',
color: '#656565',
marginTop: 65,
},
container: {
flex: 1,
},
});
export default App;
Index.js 文件代码:
import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);
请告诉我我做错了什么?提前致谢!!!!
解决方案
尝试检查 registerComponent 的导入
import { AppRegistry } from 'react-native';
import App from './App'; // <--- check here
AppRegistry.registerComponent('PropertyFinder', () => App);
推荐阅读
- java - Java中用于整数对组合的switch case实现
- c++ - 无法退出for循环,貌似卡住了
- python - 使用 python 魔杖的图像合成结果不正确
- javascript - onekeydown 在 Firefox 65.0 ubuntu 18.04 中为每次键盘按下返回“进程”字符串
- php - PHP 打印数组值而不需要所有额外的“=>”东西
- azure-devops - 使用 GitPullRequestCompletionOptions 对 Azure DevOps 拉取请求执行 Squash 合并
- excel - 当单元格为空白时,使用带有索引匹配的 If 语句来查看工作簿
- javascript - Select2:如何从 ajax 获得其他响应?
- javascript - 如何在特定模型属性内容的html中用新行替换分号?
- javascript - Chart.js - 样式图例:较小的圆圈