react-native首次运行时产生错误500

时间:2018-10-10 10:13:25

标签: android react-native react-native-android

我刚刚安装了react native,并创建了一个新项目,但是当我使用react-native run-android命令运行它时,它给出了错误。在创建项目的任何文件中,我都没有做任何更改。

这是错误和屏幕截图。

screenshot of error

错误

开发服务器返回响应错误代码:500

URL:http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false

身体:

  

{“ originModulePath”:“ C:\ project \ test \ App.js”,“ targetModuleName”:“ ./../../ react-transform-hmr / lib / index.js”,“消息” :“无法从'C:\ project \ test \ App.js'解析模块'./../../react-transform-hmr/lib/index.js':模块'./../。 ./react-transform-hmr/lib/index.js'从'C:\ project \ test \ App.js'中找不到,实际上,这些文件都不存在:\ n *'C:\ react-transform -hmr \ lib \ index.js(.native || .android.js | .native.js | .js | .android.json | .native.json | .json | .android.ts | .native.ts |。 ts | .android.tsx | .native.tsx | .tsx)'\ n *'C:\ react-transform-hmr \ lib \ index.js \ index(.native || .android.js | .native.js | .js | .android.json | .native.json | .json | .android.ts | .native.ts | .ts | .android.tsx | .native.tsx | .tsx)',“错误”: [{“” description“:”无法从'C:\ project \ test \ App.js'解析模块'./../../react-transform-hmr/lib/index.js':模块'。 /../../react-transform-hmr/lib/index.js'从'C:\ project \ test \ App.js'中找不到。实际上,这些文件都不存在:\ n *'C :\ react-transform-hmr \ l ib \ index.js(.native || .android.js | .native.js | .js | .android.json | .native.json | .json | .android.ts | .native.ts | .ts |。 android.tsx | .native.tsx | .tsx)'\ n *'C:\ react-transform-hmr \ lib \ index.js \ index(.native || .android.js | .native.js | .js | .android.json | .native.json | .json | .android.ts | .native.ts | .ts | .android.tsx | .native.tsx | .tsx)'“}],”名称“:”错误“,”堆栈“:”错误:无法解析'C:\ project \ test \ App.js'中的模块'./../../react-transform-hmr/lib/index.js':在'C:\ project \ test \ App.js'中找不到模块'./../../react-transform-hmr/lib/index.js'。实际上,这些文件都不存在:\ n *'C:\ react-transform-hmr \ lib \ index.js(.native || .android.js | .native.js | .js | .android.json |。 native.json | .json | .android.ts | .native.ts | .ts | .android.tsx | .native.tsx | .tsx)'\ n *'C:\ react-transform-hmr \ lib \ index .js \ index(.native || .android.js | .native.js | .js | .android.json | .native.json | .json | .android.ts | .native.ts | .ts | .android .tsx | .native.tsx | .tsx)'\ n在ModuleResolver.resolveDependency(C:\ project \ test \ node_modules \ metro \ src \ node-haste \ DependencyGraph \ ModuleResolution.js:209:697)\ n在ResolutionRequest .resolveDependency(C:\ project \ test \ node_modules \ metro \ src \ node-haste \ DependencyGraph \ ResolutionRequest.js:83:16)\ n在DependencyGraph.resolveDependency(C:\ project \ test \ node_modules \ metro \ src \ node.haste \ DependencyGraph.js:222:485)\ n在Object.resolve(C:\ project \ test \ node_modules \ metro \ src \ lib \ transformHelpers.js:149:25)\ n在dependent.map.result (C:\ project \ test \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:316:29)\ n在Ar ray.map()\ n在resolveDependencies(C:\ project \ test \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:312:16)\ n在C:\ project \ test \ node_modules \ metro \ src \ DeltaBundler \ Generator.next()上的\ traverseDependencies.js:169:33 \ n()\ n在步骤(C:\ project \ test \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:271:307)“}   processBundleResult       BundleDownloader.java:296   访问$ 200       BundleDownloader.java:37   onResponse       BundleDownloader.java:174   执行       RealCall.java:153   跑       命名为Runnable.java:32   runWorker       ThreadPoolExecutor.java:1113   跑       线程池执行器.java:588   跑       线程.java:818

请帮助我摆脱困境...

2 个答案:

答案 0 :(得分:2)

尝试以下步骤:

1-使用以下命令清除缓存:

rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*;

2-如果您使用的是值班员,请使用以下方法删除所有手表和相关的触发器:

watchman watch-del-all

3-从项目文件夹重新启动Metro Bundler

react-native start  --reset-cache 

4-运行react-native run-android

答案 1 :(得分:0)

在尝试此解决方案之前,我曾遇到过此问题,

1-使用npm start

重新启动Metro bundler

2-使用其他端口react-native run-android --port=8088重启项目

因为有时默认端口8081可能会被其他应用使用。