Невозможно загрузить скрипт. Убедитесь, что вы используете либо сервер Metro (запустите «ответный запуск»), либо ваш пакет

Question

Я хочу начать программирование React. поэтому в CMD я попробовал r eact-native init AwesomeProject, затем попытался react-native run-android, но у меня были некоторые ошибки, которые я не мог найти решение. Некоторые ошибки устранены путем редактирования этого проекта в Android Studio: добавьте implementation 'androidx.appcompat:appcompat:1.1.0' в build.gradle и измените classpath("com.android.tools.build:gradle:3.4.2") на classpath("com.android.tools.build:gradle:3.5.0"), но эмулятор показал мне

Невозможно загрузить скрипт ....

показывал на этом изображении: ошибка в эмуляторе

перед тем, как это сообщение показывалось мне на моем телефоне:

JSIExecutor +JSCRuntime не поддерживает Sampling Profiler

, поэтому я попытался создать каталог ресурсов в

... 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....

иэта ошибка снова показана мне в эмуляторе. Я нажал «Перезагрузить» в эмуляторе, но он показывает мне эту ошибку: не удалось подключиться к серверу разработки ...

Я запускаю 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:

снимок экрана CMD

и logcat в Android Studio после запуска react-native run-android показать эту ошибку:

первый снимок экрана logcat в Android Studio

, затем я нажал на перезагрузку, и logcat показал эту ошибку:

снимок экрана logcat, когданажмите на перезагрузку

в чем проблема и как я могу ее решить?

Answer 1

моя проблема решена.

Я пытался запустить choco uninstall nodejs.install и choco uninstall npm в CMD, затем я запускаю choco install nodejs.install --version=10.16.3 и choco install npm --version=6.9.0, когда я запускаю реактивный запуск Android, у меня были другие проблемы,Поэтому я открыл свой проект в Android-студии и добавил следующие коды в build.gradle:

implementation "com.facebook.react:react-native:0.61.2"  // From node_modules
    implementation 'com.android.support:appcompat-v7:27.0.1'

Конечно, у этого проекта были некоторые предупреждения о том, что их использование в Android-студии разрешило их.

finally react-native run-androidработать правильно без ошибок. Комментарий Аднана был полезен, но я не мог понять, почему:

Реакция вызывает много ошибок из-за несовместимости версий

, когда я следил за официальным сайтом?!

Answer 2

Я впервые запустил React-Native, выполнив следующие шаги, упомянутые на официальном сайте: https://facebook.github.io/react-native/docs/getting-started.html

1) Загрузите NodeJS по этой ссылке и установите https://nodejs.org/en/

2) Загрузите Python по этой ссылке и установите https://www.python.org/downloads/

3) загрузите JDK по этой ссылке и установите https://www.oracle.com/technetwork/java/javase/downloads/index.html

4) Если у вас не установлена ​​Android StudioПК, скачайте по этой ссылке и установите https://developer.android.com/studio/index.html А затем установите SDK из Android Studio

5) Настройте переменную среды ANDROID_HOME. Перейдите в Переменные среды и создайте новую переменную пользователя ANDROID_HOME и добавьтеПуть SDK к переменному пути Местоположение SDK по умолчанию: c: \ Users \ YOUR_USERNAME \ AppData \ Local \ Android \ Sdk Если вы изменили расположение SDK на шаге 4, добавьте этот путь выше

6) Добавить инструменты платформыПерейти к пути Перейти к переменным среды и в разделе «Пользовательские переменные» выбрать «Путь»> «Редактировать»> «Создать». Добавить этот путь в текстовое поле c: \ Users \ YOUR_USERNAME \ AppData \ Local \ Android \ Sdk \ platform-tools Если вы изменили расположение SDK, то ваш путь к SDK / platform-tools

7) Установите хороший текстовый редактор, такой как этот, VS Code: https://code.visualstudio.com

8) Перейти к Viw> Терминалв VS Code выполните эту команду npm install -gact-native-cli

9) Создайте новый проект act-native init NewProjectName

10) Для запуска проекта на физическом устройстве выполните следующие действия: https://facebook.github.io/react-native/docs/running-on-device ИЛИ используйте виртуальное устройство, например Genymotion

11) Запустите проект -Получите свой проектпапку, запустите это в терминале VS Code: cd NewProjectName cd означает изменение каталога. - Запустите проект: response-native run-android

Надеюсь, это поможет! Я запустил свой проект без каких-либо ошибок, выполнив следующие действия:

ВАЖНО Не забудьте запустить VS Code As Administrator, если ваш проект находится в папке C: / Users / .., поскольку он требует административных праввнести изменения в эту папку.

Убедитесь, что запущено окно Metro Server. Сервер Metro запускается автоматически после запуска активного приложения android. Смотрите картинку ниже, верхнее окно - это окно сервера.