React native 无法加载脚本。请确保您正在运行Metro服务器(运行“react native start”),或者您的包

React native 无法加载脚本。请确保您正在运行Metro服务器(运行“react native start”),或者您的包,react-native,android-studio,windows-7-x64,React Native,Android Studio,Windows 7 X64,我想开始本机编程。所以在CMD中,我尝试了react native init AwesomeProject,然后尝试react native run android,但我遇到了一些无法找到解决方案的错误。 通过在android studio中编辑此项目解决了一些错误: 将实现“androidx.appcompat:appcompat:1.1.0”添加到build.gradle 并将classpathcom.android.tools.build:gradle:3.4.2更改为classpathc

我想开始本机编程。所以在CMD中,我尝试了react native init AwesomeProject,然后尝试react native run android,但我遇到了一些无法找到解决方案的错误。 通过在android studio中编辑此项目解决了一些错误: 将实现“androidx.appcompat:appcompat:1.1.0”添加到build.gradle 并将classpathcom.android.tools.build:gradle:3.4.2更改为classpathcom.android.tools.build:gradle:3.5.0 但是我看到了

无法加载脚本

如图所示:

在此消息之前,它在我的手机上向我显示:

JSIExecutor+JSCRuntime不支持采样探查器

因此,我尝试在中创建资产目录

…AwesomeProject\android\app\src\main\

然后在我的根项目目录中运行gradlew clean

react native bundle-platform-android-dev false-entry file index.js-bundle output-android/app/src/main/assets/index.android.bundle-assets dest-android/app/src/main/res

但出现了以下错误:

....error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[
\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\
\.*)$/: Unterminated character class. Run CLI with --verbose flag for more detai
ls.
SyntaxError: Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\
]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__t
ests__\\.*)$/: Unterminated character class....
这个错误在emulator中再次向我显示。 我在emulator中单击了“重新加载”,但它显示了以下错误:

我为mor详细信息运行react native info,其结果是:

info Fetching system and libraries information...
System:
    OS: Windows 7
    CPU: (8) x64 Intel(R) Core(TM) i7 CPU       Q 740  @ 1.73GHz
    Memory: 892.99 MB / 3.98 GB
  Binaries:
    Node: 12.11.1 - C:\Program Files\nodejs\node.EXE
    npm: 6.11.3 - C:\Program Files\nodejs\npm.CMD
  SDKs:
    Android SDK:
      API Levels: 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29
      Build Tools: 25.0.0, 25.0.3, 26.0.0, 26.0.1, 26.0.2, 26.0.3, 27.0.3, 28.0.1, 28.0.2, 28.0.3, 29.0.1, 29.0.2
      System Images: android-25 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom_64
  npmPackages:
    react: 16.9.0 => 16.9.0
    react-native: 0.61.2 => 0.61.2
react native run android命令的屏幕截图为:

运行react native run android后,android studio中的logcat显示此错误:

然后单击重新加载,logcat显示此错误:


什么是问题以及如何解决它?

我第一次运行React Native的方式是按照官方网站上提到的以下步骤操作:

1从该链接下载NodeJ并安装

2从该链接下载Python并安装

3从此链接下载JDK并安装

4如果您的电脑上没有安装android studio,请从此链接下载并安装 然后在android studio中安装SDK

5配置ANDROID_HOME环境变量 转到环境变量并创建一个新的用户变量ANDROID_HOME,然后将SDK路径添加到变量路径 默认SDK位置:c:\Users\YOUR\u USERNAME\AppData\Local\Android\SDK 如果在步骤4中更改了SDK位置,请在上面添加该路径

6将平台工具添加到路径 转到环境变量,在用户变量中,单击路径>编辑>新建 在文本字段中添加此路径 c:\Users\YOUR\u USERNAME\AppData\Local\Android\Sdk\platform tools 如果您更改了SDK位置,那么您的SDK路径/平台工具

7安装一个很好的文本编辑器,如下所示,VS代码:

8Goto Viw>终端在VS代码中,运行此命令 npm安装-g react native cli

9创建一个新项目 react native init NewProjectName

10要在物理设备上运行项目,请执行以下步骤: 或者使用像Genymotion这样的虚拟设备

11运行项目 -转到项目文件夹,在VS代码终端中运行此命令: cd NewProjectName cd表示更改目录 -运行项目: react本地运行的android

希望这有帮助! 按照这些步骤,我运行了我的项目,没有任何错误

重要的 如果您的项目是C:/Users/,请不要忘记以管理员身份运行VS代码。。文件夹,因为它需要管理权限才能更改该文件夹

确保Metro服务器窗口正在运行。Metro服务器在运行react native run android后自动启动。 请参见下图,顶部窗口是服务器窗口。 我的问题解决了

我尝试在CMD中运行choco uninstall nodejs.install和choco uninstall npm,然后运行choco install nodejs.install-version=10.16.3和choco install npm-version=6.9.0 当我运行react native run android时,我遇到了其他问题,所以我在android studio中打开了我的项目,并在build.gradle中添加了以下代码:

implementation "com.facebook.react:react-native:0.61.2"  // From node_modules
    implementation 'com.android.support:appcompat-v7:27.0.1'
当然,该项目有一些警告,使用Android studio解决了这些问题

最后,本机运行的android能够正确无误地工作。 阿德南的评论很有帮助,但我不明白为什么:

由于版本不兼容,React会导致许多错误


当我关注官方网站的时候

你的节点Metro服务器正在运行吗?我不知道Metro服务器在运行什么。我遵循了React Native CLI Quickstart一节中的所有步骤,还是遵循了Expo CLI Quickstart?我遵循了React Native CLI Quickstart。此外,我在CMD中运行adb-s 26EBB18531511866反向tcp:8081 tcp:8081,然后运行React Native运行Android执行所有步骤,但问题未得到解决。。。。我想在我的问题中展示更多细节。关于我的问题,你想知道什么?你对降级节点有什么看法?请在你的问题中添加react native run android命令的屏幕截图,因此,您面临的问题将是明确的。我在问题中添加了更多细节…我希望足够。在我的情况下,在Windows 10中重新安装后,Metro Bundler在 ing`npx react native run android`,所以我只是按照建议降级了节点版本,问题就解决了。