Реагировать на собственную ошибку в index, js и app.js

Вроде новичок в React Я пишу следующий код в index.js и app.js, и это сообщение об ошибке уже скоро появится.

index.js - [скриншот ошибки] [1]

import { AppRegistry } from 'react-native';
import App from './App';

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

App.js -

    import React from 'react';
    import { Text } from 'react-native';

const App = () => {

return (

  <Text>HEELLO WORLD</Text>

);
};
export default App;

ОШИБКА Не удается найти переменную: __d (http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false:1)

Не удается найти переменную: __d (http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false:1)

глобальный код @ http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false:1:4


react-native reactjs javascript react-redux
person Kunal Kushwaha    schedule 21.01.2018    source источник
comment
Эти два файла находятся в одном каталоге? Есть ли каталог с именем App?   -  person sbolel    schedule 21.01.2018
comment
Замените regiserComponent на regis t erComponent   -  person Sergey    schedule 21.01.2018
comment
Сергей. Можете еще раз проверить?   -  person Kunal Kushwaha    schedule 21.01.2018

Ответы (4)


arrow_upward
1
arrow_downward

Вероятно, вам нужно представление перед текстовым компонентом. Что-то вроде этого:

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

const App = () => (
   <View>
     <Text>some text</Text>
   </View>
);

export default App;
person Lucas Silveira    schedule 21.01.2018

arrow_upward
0
arrow_downward

Предложение 1. Вместо функционального компонента попробуйте преобразовать компонент вашего приложения в компонент на основе классов, а затем попробуйте снова запустить приложение.

Предложение 2: оберните свой текстовый элемент внутри собственного элемента реакции в компоненте приложения.

person Hisham Mubarak    schedule 21.01.2018
comment
Наткнулся на это и задумался; Почему здесь лучше использовать подкласс компонента вместо константы? - person Jacob Boyd; 14.03.2019
comment
Понятия не имею, почему я сказал это тогда. Думаю, я догадывался, что корень не может быть функциональным компонентом. Я все еще не знаю. Глядя на это сейчас, я полагаю, что у вас не может быть Text в качестве единственного элемента в приложении, по крайней мере, он должен быть внутри компонента View. - person Hisham Mubarak; 15.03.2019

arrow_upward
0
arrow_downward

Вы получаете эту ошибку, потому что собственное приложение не может найти работающий упаковщик. Я обнаружил, что IP-адрес, показанный в приложении, отличался от моего фактического IP-адреса, что было правильным: я закрыл свой macbook на ночь и переключил сети к тому времени, когда я его повторно открыл.

Для меня исправление заключалось в том, чтобы удалить приложение с устройства, а затем переустановить его (используя обычный react-native run-android). Таким образом, приложение использует правильный IP-адрес и будет искать работающий упаковщик на этом IP-адресе.

person Bramus    schedule 16.05.2018

arrow_upward
0
arrow_downward

Похоже, мы работаем над аналогичным уроком (просто берем React Native)! В любом случае, я заставил это работать, и была одна проблема - цвет фона представления == черный, а цвет текста был черным.

Я просмотрел ваши файлы, и у меня есть такие же, но я опубликую их здесь. Имейте в виду, что это еще не стили, поэтому ваш текст будет в верхнем левом углу (0,0) по крайней мере для iOS. Я не тестировал Android.

App.js

import React from 'react';
import { Text } from 'react-native';

const App = () => {
  return(
    <Text style={{color: 'white'}}>Some Text</Text>
  );
};

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);
person Jacob Boyd    schedule 15.03.2019