我刚刚安装了react native,并创建了一个新项目,但是当我使用react-native run-android
命令运行它时,它给出了错误。在创建项目的任何文件中,我都没有做任何更改。
这是错误和屏幕截图。
开发服务器返回响应错误代码: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
请帮助我摆脱困境...
答案 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
2-使用其他端口react-native run-android --port=8088
重启项目
因为有时默认端口8081可能会被其他应用使用。