Javascript 错误：无法在新项目中的模块外部使用import语句

我是个新来的本地人。我使用npx react native init NewProject2创建了一个新项目。然后，我导入了VS代码中的项目。当我在Android设备上运行我的项目时，它工作正常，但VS代码显示错误。这是我的App.js：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';

import {
  Colors
} from 'react-native/Libraries/NewAppScreen';

import Login from './src/pages/Login';
const App: () => React$Node = () => {
  return (
    <View style={styles.container}>
      <StatusBar
      backgroundColor = "#e1ad01"
      ></StatusBar>
      <Text style={{color:"#e1ad01",fontSize:18}}>Just some text!!</Text>

    </View>
  );
};

const styles = StyleSheet.create({
  container : {
    flex : 1,
    backgroundColor:'#000000',
    alignItems : "center",
    justifyContent : "center"
  }
});

export default App;

/**
 * @format
 */

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

这是错误图像：

---

我的Login.js也有同样的错误。

嘿，这样你就可以删除你的app.js并创建一个如下所示的新app.js

App.js：

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

class App extends Component {
   render(){
      return(
           <View style={styles.container}>
               <StatusBar
                    backgroundColor = "#e1ad01"
               ></StatusBar>
               <Text style={{color:"#e1ad01",fontSize:18}}>Just some text!!</Text>
           </View>
         );
       }

 const styles = StyleSheet.create({
      container : {
      flex : 1,
      backgroundColor:'#000000',
      alignItems : "center",
      justifyContent : "center"
     }
 });

 export default App;

我习惯于使用类组件而不是函数式组件，因为稍后u可能会处理状态，所以它会很有帮助

---

如果您再次遇到任何错误，请随时发表评论。

const-App:（）=>React$Node

这不是有效的JS？我没有写这个。当我创建一个新项目时，默认情况下它是这样写的。我应该用什么替换它？可能模板有问题？你能问一下制作或支持它的人吗？实际上我正在使用

npx react native init NewProject2

创建一个新项目。我应该联系谁？对不起，我误解了。我以为“NewProject2”是一个模板，但那只是你的项目名称是的，这很好用。我使用导出默认类登录扩展组件来代替显示错误的行，这是相同的。非常感谢。

import {AppRegistry} from 'react-native';
import App from './src/App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);