Javascript ReactNativeJS:ReferenceError:Can';找不到变量:视图
我刚刚开始react native并尝试创建第一个Hello,world屏幕,但我发现下面有一个错误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
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项目并将文件打包时。