Question

有点新的React我在index.js和app.js中编写以下代码，这个错误信息即将发布。求助

index.js - [错误screnshot] [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

Answer 1

您可能需要在文本组件之前查看视图。像这样：

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

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

export default App;

Answer 2

建议1：尝试将App组件转换为基于类的组件，然后再次尝试运行该应用程序，而不是功能组件。

建议2：将Text元素包装在App组件的react native元素中。

Answer 3

您收到此错误，因为原生应用无法找到正在运行的打包程序。我发现应用程序中显示的IP地址与我的实际IP地址不同，这是正确的：我在一夜之间关闭了我的macbook并在重新打开它时切换了网络。

我的修复方法是从设备中删除该应用，然后重新安装（使用普通react-native run-android）。这样，应用程序就会使用正确的IP地址，并将在该IP上搜索正在运行的打包程序。

Answer 4

看起来我们正在研究类似的tut（同样也选择了React Native）！无论如何，我确实做到了这一点，并且有一个问题-视图背景色==黑色，文本颜色为黑色。

我查看了您的文件，但有相同的文件，但我将在此处发布。请记住，此样式尚未设置，因此您的文本至少在iOS的左上角（0,0）。我还没有测试过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);

在index，js和app.js中反应本机错误

4 个答案: