React-Native App：无法找到“ .js”文件路径

Question

本机应用程序找不到我的“ .js”文件路径，我不确定为什么。我尝试几种方法，例如：

  

1-'../components/LoginScreen'2-'./LoginScreen'3-   './LoginScreen.js'

，但结果相同。

如果有人可以帮助我，这就是错误：

Looking for JS files in
   C:\Users\<User>\reactnewapp

Loading dependency graph, done.
 DELTA  [android, dev] ..\..\../index.js ▓▓▓▓▓▓▓▓▓▓▓░░░░░ 70.6% (526/626)::ffff:127.0.0.1 - - [08/Jun/2019:16:39:15 +0000] "GET /index.delta?platform=android&dev=true&minify=false HTTP/1.1" 500 - "-" "okhttp/3.12.1"
error: bundling failed: Error: Unable to resolve module `./LoginScreen` from `C:\Users\<User>\reactnewapp\App.js`: The module `./LoginScreen` could not be found from `C:\Users\<User>\reactnewapp\App.js`. Indeed, none of these files exist:
  * `C:\Users\<User>\reactnewapp\LoginScreen(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`

即使我输入'./'也没有提供路径。

App.js：

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button} from 'react-native';
import MainNavigator from './LoginScreen';


export default class App extends Component {
  render() {
    return (

      <React.Fragment>
      <MainNavigator/>
      </React.Fragment>
    );
  }
}

文件夹截图：

Answer 1

您正试图导入位于同一文件夹中的名为“ LoginScreen”的文件。但是您的文件位于/components目录中。

将导入更改为：

import MainNavigator from './components/LoginScreen';

一个点表示当前目录，这就是您想要的目录。两个点将指示父目录。