Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactNativeJS:ReferenceError:Can';找不到变量:视图_Javascript_Android_React Native - Fatal编程技术网

Javascript ReactNativeJS:ReferenceError:Can';找不到变量:视图

Javascript ReactNativeJS:ReferenceError:Can';找不到变量:视图,javascript,android,react-native,Javascript,Android,React Native,我刚刚开始react native并尝试创建第一个Hello,world屏幕,但我发现下面有一个错误 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,Comp

我刚刚开始react native并尝试创建第一个Hello,world屏幕,但我发现下面有一个错误

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;
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 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;
我已经从'react native'导入了这个
import{Text,View}但仍然出现错误
找不到变量:View

下面是一些我已经检查过的链接,但它没有帮助我解决我的问题

更新

我已尝试此
删除并重新安装节点模块

现在我得到了这个错误

ReactNativeJS: Error: Invariant failed

    This error is located at:
        in l
        in f
        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;
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 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;
import React,{Fragment,Component}来自'React';
从“./components/HelloWorldApp”导入HelloWorldApp;
从“react Router dom”导入{BrowserRouter as Router,Route}
常量应用=()=>{
返回(
);
};
导出默认应用程序;

您的代码中没有问题。您只需再次尝试react native init示例,并在另一个目录上使用

从“react”导入react,{Component};
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>
          )
    }
}
从“react native”导入{View,Text}; 导出默认类应用程序扩展组件{ render(){ 返回( 你好,世界 ) } }
  • 创建新项目
  • 删除App.js代码
  • 并将此代码粘贴到App.js中

  • 从“React”导入React,{Component}; 从“react native”导入{View,Text}

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

    render(){ 返回( 你好,世界!! ) } }

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

    如果突然发生这种情况,是否尝试关闭所有文件并重新运行?我的情况是由我自己解决的rerunning@behzad感谢您的快速重播,让我检查一下this@behzad很抱歉,但是再次遇到同样的问题,我很抱歉听到,如果这是您第一次运行,可能是其他事情(比如不安装依赖项),但如果这是突然发生的,那是我唯一能想到的事情,有几次我出现了像你这样的奇怪错误,当我关闭所有程序并再次运行它们时,它被修复了。顺便说一句,我希望你能尽快找到修复方法。谢谢我尝试了这个
    删除应用程序并重新安装它。
    但是它对我没有帮助,你能解释一下关于这个
    删除并重新安装节点模块的更多信息吗
    解决方案从根目录中删除节点模块文件夹。然后执行
    npm安装
    。您是否尝试过关闭打包机。您是否尝试过关闭打包机如何关闭
    打包机
    我尝试过
    删除并重新安装节点模块
    现在我收到了此错误
    reactivejs:error:Invariant failed此错误位于:
    检查更新的问题打开的终端或打开的启动器当您运行react项目并将文件打包时。