ReactNativeJS: ReferenceError: Не удается найти переменную: представление

Question

Я только что начал реагировать на родную систему и пытаюсь создать первый экран 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;

Ниже приведен мой код для 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

Ниже приведены некоторые ссылки, которые у меня естьуже проверил, но это не помогло мне решить мою проблему

• Не могу найти переменную: "Просмотр"
• Не могу найтипеременная: React
• ReferenceError: Не удается найти переменную

ОБНОВЛЕНИЕ

Я пробовал это 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

импорт React, {Component} из'act ';import {View, Text} из'act-native ';

класс экспорта по умолчанию Приложение расширяет React.Component {

render () {return (Hello world !!)}}

1.Создайте новый собственный проект реагирования 2. Удалите код App.js 3. И вставьте этот код в файл App.js 4.run.

Answer 2

в вашем коде нет никаких проблем. Вам нужно только повторить попытку init-native init и насладиться в другом каталоге

Answer 3

импорт React, {Component} из'act ';import {View, Text} из'act-native ';

класс экспорта по умолчанию Приложение расширяет Компонент {

render () {return (Hello world)}}

1. Создайте новый проект 2. Удалите код App.js 3. И вставьте этот код в App.js 4. Запустите

Answer 4

Могут возникнуть некоторые проблемы при загрузке.

Сделайте одну вещь:

Закройте упаковщик и перезапустите упаковщик, закрыв и удалив приложение и переустановив его.

ИЛИ

Удаление и повторная установка узловых модулей

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;