Question

我刚刚开始本机操作并尝试创建第一个Hello，世界屏幕，但是我遇到了错误

ReactNativeJS: ReferenceError: Can't find variable: View

    This error is located at:
        in Unknown
        in RCTView
        in RCTView
        in c

以下是我对App.js的代码

import React, {Fragment,Component} from 'react';

import HelloWorldApp from './components/HelloWorldApp';
import { BrowserRouter as Router, Route } from "react-router-dom"


const App = () => {
  return (
    <Router>
        <div>
          <Route exact path='/' component={HelloWorldApp} />
       </div>
      </Router>
  );
};

export default App;

下面是我对HelloWorldApp.js的代码

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

export default class HelloWorldApp extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Text>Hello, world!</Text>
      </View>
    );
  }
}

我已经导入了此import {Text, View} from 'react-native';，但是仍然出现错误Can't find variable: View

下面是一些我已经检查过的链接，但这并不能帮助我解决问题

更新

我已经尝试过Delete and re-install the node modules

现在我收到此错误

ReactNativeJS: Error: Invariant failed

    This error is located at:
        in l
        in f
        in RCTView
        in RCTView
        in c

谁能告诉我我想念的东西

有人可以帮助我解决这个问题

如果需要更多信息，请告诉我。提前致谢。您的努力将不胜感激。

Answer 1

加载时可能会出现一些问题。

做一件事：

关闭打包程序并重新启动打包程序，同时关闭并删除应用并重新安装。

OR

删除并重新安装节点模块

App.js

import React, {Fragment,Component} from 'react';

import HelloWorldApp from './components/HelloWorldApp';
import { BrowserRouter as Router, Route } from "react-router-dom"


const App = () => {
  return (
    <Router>

          <Route exact path='/' component={HelloWorldApp} />

      </Router>
  );
};

export default App;

Answer 2

您的代码没有问题。您只应再次尝试使用react-native初始化示例并在另一个目录中使用

Answer 3

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

export default class App extends Component {

   render(){
        return(
          <View>
               <Text>Hello world</Text>
          </View>
          )
    }
}

创建新项目
删除App.js代码
并将此代码粘贴到App.js中
运行

Answer 4

从“ react”导入React，{Component}；从'react-native'导入{View，Text};

导出默认类App扩展了React.Component {

render（）{ 返回（你好，世界！！） } }

1。创建新的React Native项目 2.删除App.js代码 3，将此代码粘贴到App.js中 4.运行。

ReactNativeJS：ReferenceError：找不到变量：视图

4 个答案: