2016-07-25 3 views
0

방금 ​​React Native를 설치했고 React Native 웹 사이트의 자습서를 따라 가면서 익숙해졌습니다. 그러나 내가 끝내는 모든 튜토리얼은 iOS 시뮬레이터에서 큰 빨간색 오류 화면을 제공합니다. 예를 들어 원주민 자습서로 초기화 오류가 발생했습니다.

, 나는 반작용 기본 웹 사이트

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

class HelloWorldApp extends Component { 
    render() { 
    return (
     <Text>Hello world!</Text> 
    ); 
    } 
} 

AppRegistry.registerComponent('HelloWorldApp',() => HelloWorldApp); 

에 "Hello World」의 튜토리얼을 따라하지만, 컴파일 및 시뮬레이터"

는 "응용 프로그램 TestProject가 있습니다에서 실행 한 후이 오류와 함께 충족하고 등록되지 않았습니다. 이것은 초기화 중 필요 또는() 오류 또는 AppRegistry.registerComponent 호출 실패로 인한 것입니다. "

RN에 대해 아직 알지 못해서 자습서를 따르고 있으며 오류가 발생하고 있기 때문에 혼란 스럽습니다.

알려 주시기 바랍니다

+0

어떤 종류의 'React Native'를 사용하고 있습니까? –

+0

그들이 사이트에서 가장 최신입니다. 2 일 전에 사이트에서 설치 지침을 수행했습니다. 그래서 .. 버전 0.30? – bmoneruxui

+0

어떤 OS를 사용하고 있습니까? '리눅스','윈도우'또는'맥'? '포장재 '가'네이티브 대응 '을했을 때 실행되고 있습니까? –

답변

0

내가 아는대로 두 가지 가능성이있을 수 있습니다 :

  1. 당신이 react-native run-iospackager 자동으로 시작되지 않았다 그런 경우, 실행을 실행합니다. 패키지 관리자 수동으로. 방법 :

터미널의 한 탭에서 react-native start을 실행하고 다른 실행시 react-native run-ios을 실행합니다.

  1. 또는 반응하는 네이티브 사이트의 문서를 읽는 동안 응용 프로그램의 이름을 변경했을 수 있습니다. 좋아요 :

react-native init AwesomeProject을 사용하여 프로젝트를 생성했습니다. 프로젝트의 이름은 AwesomeProject입니다.

그런 다음 기본값을 index.ios.js으로 변경하고 구성 요소 이름을 HelloWorldApp으로 바꿉니다.

+1

Ok Packager가 실행 중이므로 두 번째 문제 여야합니다. 완전히 인식하지 못했습니다. 프로젝트 이름이 해당 구성 요소를 의미하는 것을 알지 못했습니다. 감사합니다. 나는 교정하고 다시보고하려고 노력할 것이다. – bmoneruxui

+0

예, 그랬습니다. 따라서 프로젝트 이름 100 %는 항상 등록 된 구성 요소 이름이어야합니다. – bmoneruxui

+1

이름을 가진 새로운 반응 네이티브 프로젝트 ('AwesomeProject')를 만들면'AppDelegate.m'과 같은 파일을 생성하고 다른 것들은 코드에 같은 프로젝트 이름을 사용합니다. 모듈의 이름을'index' 파일과'AppRegistry.registerComponent ('HelloWorldApp',() => HelloWorldApp) 만 변경하면,'HelloWorldApp'는 분명히'AwesomeProject '로 등록했다. –