React Native项目Metro报错无法解析./index模块该怎么处理？

在React Native项目/Users/tandamangreen/Desktop/nbaCup/nbaClient/执行打包时，Metro抛出模块解析错误，具体信息如下：

Error: Unable to resolve module ./index from /Users/tandamangreen/Desktop/nbaCup/nbaClient/.: 

None of these files exist:
  * index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
  * index/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:136:15)
    at DependencyGraph.resolveDependency (/Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/node-haste/DependencyGraph.js:231:43)
    at /Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/lib/transformHelpers.js:129:24
    at Server._resolveRelativePath (/Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/Server.js:1107:12)
    at async Server.requestProcessor [as _processBundleRequest] (/Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/Server.js:450:37)
    at async Server._processRequest (/Users/tandamangreen/Desktop/nbaCup/nbaClient/node_modules/metro/src/Server.js:406:9)

问题原因 #

index.js文件被错误放置在项目的src文件夹内，Metro默认在项目顶层目录查找入口模块，因此无法找到该文件。

解决步骤 #

将src文件夹中的index.js移动到项目顶层目录（路径：/Users/tandamangreen/Desktop/nbaCup/nbaClient/），重新执行打包操作即可解决该问题。

内容的提问来源于stack exchange，提问作者Tanner Green