Как запустить чужой файл через react native
Перейти к содержимому

Как запустить чужой файл через react native

  • автор:

Как запустить чужой проект?

Author24 — интернет-сервис помощи студентам

Добрый день . хотел скачать и запустить чужой проект, чтобы рассмотреть его функции. но столкнулся с рядом проблем . что он не изволяет запускаться , и просто не знаю что делать, помогите пожалуйста
___
https://github.com/sunlight3d/. ialProject

1) в рабочую папку скопировал tutorialProject
2) открыл VS code
3) зашел в рабочую папку и нажал открыть в cmd папку tutorialProject
4) далее я ввожу react-native run-android
и получаю фиаско

d:\JS\tutorialProject>react-native init tutorialProject
internal/modules/cjs/loader.js:657
throw err;
^

Error: Cannot find module ‘graceful-fs’
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:655:15)
at Function.Module._load (internal/modules/cjs/loader.js:580:25)
at Module.require (internal/modules/cjs/loader.js:711:19)
at require (internal/modules/cjs/helpers.js:14:16)
at Object. (d:\JS\tutorialProject\node_modules\react-native\local-cli\cli.js:12:1)
at Module._compile (internal/modules/cjs/loader.js:805:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:816:10)
at Module.load (internal/modules/cjs/loader.js:672:32)
at tryModuleLoad (internal/modules/cjs/loader.js:612:12)
at Function.Module._load (internal/modules/cjs/loader.js:604:3)

начал гуглить и нашел что надо сделать какието зависимости . посредством «react-native init MyProject»
5) react-native init tutorialProject
и получаю туже самую строчку .
пытаюсь через npm сервер запустить и тут прикол .
6) npm intall

d:\JS\tutorialProject>npm install
npm WARN deprecated core-js@1.2.7: core-js@ npm WARN deprecated connect@2.30.2: connect 2.x series is deprecated
npm ERR! path d:\JS\tutorialProject\node_modules\.bin\react-native
npm ERR! code EEXIST
npm ERR! Refusing to delete d:\JS\tutorialProject\node_modules\.bin\react-native: is outside d:\JS\tutorialProject\node_modules\react-native and not a link
npm ERR! File exists: d:\JS\tutorialProject\node_modules\.bin\react-native
npm ERR! Move it away, and try again.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Nick\AppData\Roaming\npm-cache\_logs\2019-04-16T18_15_13_614Z-debug.log

Клонирование и использование репозитория GitHub в Visual Studio Code

Сведения о клонировании общедоступного репозитория из GitHub на локальный компьютер с помощью Visual Studio Code.

Клонировать репозиторий

Действие клонирования репозитория GitHub означает перенос облачного исходного кода в локальную среду разработки.

  • Панель действий
  • Строка состояния
  • Палитра команд
  • Встроенный терминал

Это действие недоступно из этой функции. Выберите другую вкладку.

Это действие недоступно из этой функции. Выберите другую вкладку.

  1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
  2. В командной строке палитры введите gitcl , выберите команду Git: Клонировать , а затем выберите «Клонировать» из GitHub и нажмите клавишу ВВОД.
  3. Если появится запрос на ввод URL-адреса репозитория, выберите параметр клонирования из GitHub и нажмите клавишу ВВОД.
  4. Если вам будет предложено войти в GitHub, завершите процесс входа.
  5. Введите azure-samples/js-e2e-express-server в поле URL-адрес репозитория.
  6. Выберите (или создайте) локальный каталог, в который нужно клонировать проект, а затем выберите » Выбрать в качестве назначения репозитория».
  7. Когда появится уведомление с вопросом, нужно ли открыть клонированный репозиторий, выберите вариант Открыть.
git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME 
cd YOUR-REPO-NAME 
code .

Инициализация нового репозитория

Если у вас еще нет репозитория GitHub, но вы хотите запустить проект локально, инициализируйте папку с помощью Git.

Screenshot of Visual Studio showing the Initialize repository button.

  • Панель действий
  • Строка состояния
  • Палитра команд
  • Встроенный терминал
  1. Выберите элемент управления версиями на панели действий или используйте сочетание клавиш CTRL + SHIFT + G.
  2. Выберите репозиторий Initialize.

Это действие недоступно из этой функции. Выберите другую вкладку.

  1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
  2. Отфильтруйте с Git помощью , а затем выберите Initialize repository .
  3. Выберите папку, чтобы выбрать в качестве корневого каталога репозитория.
git init

Создание ветви для изменений

  • Панель действий
  • Строка состояния
  • Палитра команд
  • Встроенный терминал
  1. Выберите элемент управления версиями на панели действий.
  2. Выберите многоточие (. ) рядом с элементом управления версиями.
  3. Выберите «Ветвь ->Создать ветвь«.
  1. Выберите имя ветви в строке состояния. Откроется палитра команд. Строка состояния находится в нижней части Visual Studio Code.
  2. Выберите в палитре команд элемент Создание ветви.
  3. Введите имя для новой ветви.
  4. Введите имя для новой ветви. Экран «Отображение имени ветви в строке состояния». The branch name is visible in the status bar.
  1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
  2. Найдите элемент git branch и выберите Git: Create Branch . Screenshot of a search for `git branch` and select `Git: Create Branch`.
  3. Введите новое имя ветви, например test .
  4. Экран «Отображение имени ветви в строке состояния». Screenshot showing the branch name is visible in the status bar.
  1. Откройте интегрированный терминал из терминала —> новый терминал.
  2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

    git checkout -b MY-BRANCH

    Фиксация изменений локально

    После внесения изменений в ветвь зафиксируйте изменения.

    Adding the yarn.lock file to Git

    • Панель действий
    • Строка состояния
    • Палитра команд
    • Встроенный терминал
    1. Выберите элемент управления версиями на панели действий.
    2. Введите сообщение о фиксации, а затем нажмите кнопку «Зафиксировать«.

    Это действие недоступно из этой функции. Выберите другую вкладку.

    1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
    2. В палитре команд фильтруйте с Git помощью выбора Commit .
    3. Введите сообщение фиксации, а затем нажмите клавишу ВВОД .
    git commit -m "YOUR COMMIT MESSAGE"

    Отправка локальной ветви в GitHub

    Visual Studio Code status bar, with the push icon highlighted.

    • Панель действий
    • Строка состояния
    • Палитра команд
    • Встроенный терминал
    1. Щелкните значок «Система управления версиями» на панели действий.
    2. Выберите «Опубликовать ветвь«. Если репозиторий не существует на GitHub, он создает репозиторий для вас.
    1. В строке состояния Visual Studio Code выберите значок отправки справа от имени ветви.
    2. Выберите имя удаленного расположения во всплывающем окне. Если вы имеете только одно удаленное расположение, вам не будет предложено выбрать имя такого расположения.
    1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
    2. В палитре команд фильтруйте с Git помощью выбора Push .
    3. Если у вас несколько вышестоящий удаленных, выберите удаленный, а затем нажмите клавишу ВВОД .
    1. Откройте интегрированный терминал из терминала —> новый терминал.
    2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

      git push

      Просмотр выходных данных Git

      Вы можете просмотреть команды Git, выполняемые при использовании расширения системы управления версиями. Это помогает отладить при сбое команды.

      Visual Studio Code source control, with the Show Git Output selection highlighted.

      1. Щелкните значок «Система управления версиями» на панели действий.
      2. Щелкните многоточие (. ) и выберите элемент Показать выходные данные Git.

      Инструменты Visual Studio Code для работы с Git и GitHub

      При работе в Visual Studio Code с репозиторием необходимо использовать отдельные средства.

      Icon Информация Доступ из
      Команды Git в палитре команд F1
      Icon for Source control. Расширение системы управления версиями Панель действий
      Icon for GitHub PRs and Issues Расширение запросов на вытягивание и сообщений о проблемах на GitHub Панель действий
      Расширение репозиториев GitHub Вы можете быстро и без труда открыть репозиторий GitHub. Для этого можно выполнить поиск репозиториев GitHub и выбрать команду «Открыть репозиторий» в палитре команд, нажать клавишу F1 или выбрать команду Open GitHub Repository. (Открыть репозиторий GitHub) из удаленного индикатора (зеленая кнопка слева в нижнем углу строки состояния).

      Следующие шаги

      • Узнайте о развертывании веб-приложения
      • Работа с GitHub в Visual Studio Code
      • Использование Visual Studio Code с другими поставщиками систем управления версиями

      Я не могу открыть чужой проект React?

      Я пытаюсь запустить приложение React на моем локальном хосте, Это проект, который не был создан на моей машине. Я получаю эти ошибки!

      PS C:\WINDOWS\System32\WindowsPowerShell\v1.0> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\WINDOWS\System32\WindowsPowerShell\v1.0\package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'C:\WINDOWS\System32\WindowsPowerShell\v1.0\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Abdullah Ch\AppData\Roaming\npm-cache\_logs\2020-02- 03T19_49_57_690Z-debug.log

      Поделиться Источник 03 февраля 2020 в 20:00

      2 ответа

      загрузите папку проекта (через командную строку) -> npm install -> npm start

      Поделиться 03 февраля 2020 в 20:13

      Во-первых, это может быть связано с разными версиями Node и npm. Пожалуйста, используйте ту же версию с хостом, на котором было создано приложение.

      Если это не работает, пожалуйста, удалите директорию node_modules и запустите команду ‘npm install’. После этого запустите команду ‘npm start’. Пожалуйста, сделайте это с стабильными версиями Node и npm.

      Возможно, это сработает.

      как запустить существующий проект на нативном React?

      Я хотел скачать и запустить чужой проект, чтобы рассмотреть его функции. Я столкнулся с рядом проблем. что он не подходит для запуска, и я просто не знаю, что делать, пожалуйста, помогите https://github.com/sunlight3d/react_native_v0.49/tree/master/61-Realm%20React%20Native%235.Filter%20data%20and%20working%20with%20To-Many%20Relationships/code/tutorialProject 1) скопировал в проект учебника для рабочей папки 2) открыл VS code 3) перешел в рабочую папку и нажал открыть в проекте учебника для командной папки 4) затем ввел react-native run-android и получил фиаско

      d:\JS\tutorialProject>react-native init tutorialProject internal/modules/cjs/loader.js:657 throw err; ^ Error: Cannot find module 'graceful-fs' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:655:15) at Function.Module._load (internal/modules/cjs/loader.js:580:25) at Module.require (internal/modules/cjs/loader.js:711:19) at require (internal/modules/cjs/helpers.js:14:16) at Object. (d:\JS\tutorialProject\node_modules\react-native\local-cli\cli.js:12:1) at Module._compile (internal/modules/cjs/loader.js:805:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:816:10) at Module.load (internal/modules/cjs/loader.js:672:32) at tryModuleLoad (internal/modules/cjs/loader.js:612:12) at Function.Module._load (internal/modules/cjs/loader.js:604:3)

      Я начал гуглить и нашел что-то, что связано с некоторыми зависимостями. Использование react-native init MyProject 5) react-native init tutorialProject и получение более строчной правой строки Я пытаюсь запустить сервер через npm , и тогда это забавно. 6) npm-intall

      d:\JS\tutorialProject>npm install npm WARN deprecated core-js@1.2.7: core-js@

      и здесь я совершенно не знаю. Как запустить чужой проект? javascript android windows react-native npm

      Поделиться Источник 16 апреля 2019 в 18:50

      8 ответов

      Когда вы загружаете после того, как вам нужно установить все пакеты в package.json

      npm install --save

      тогда вам нужно запустить другой терминал

      npm start -- --reset-cache / npm start / react-native start

      Это для запуска вашего сборщика наконец, вы можете запустить свой проект

      react-native run-android

      Поделиться 16 апреля 2019 в 19:13
      если у вас уже есть приложение для пакета (Android или iOS. )

      react-native run-android / react-native run-ios

      в противном случае вы должны запустить

      react-native start

      а затем запустить:

      react-native run-android (or ios)

      Поделиться 15 июня 2020 в 23:10

      1. npm cache clean --force
      2. npm i или npm install

      Поделиться 12 июня 2021 в 06:22

      Это ответ при компиляции в Windows и Android Studio

      1.Откройте cmd (в качестве администратора) 2. Npm install 3. Дождитесь сборки gradle в Android Studio, завершив компиляцию 4. Запустите в cmd react-native android-run

      Иногда вы можете получить эту ошибку (см. изображение ниже)

      Это неудача сборки из-за ошибки gradle. Чтобы решить эту проблему, вы можете попробовать удалить файлы/папки в сообщении об ошибке и снова запустить react-native android-run.

      enter image description here

      Поделиться 19 января 2021 в 07:50

      Все зависимости и плагины настроены в файле package.json . Поэтому вам нужно установить:

      npm install

      затем вы можете запустить

      react-native run-android 
      npm run start

      Поделиться 17 апреля 2019 в 04:24

      С компьютера с установкой node вы перемещаетесь в командную строку в корневой папки проекта.

      Затем вы устанавливаете зависимости:

      Это устанавливает все библиотеки, которые проект должен собрать

      Затем вы запускаете скрипт сборки проектов. Это определено в файле package.json проекта. В этом случае скрипт называется start. Таким образом:

      Поделиться 16 апреля 2019 в 18:59

      Все эти ответы говорят, что нужно использовать npm, но вы можете столкнуться с проблемами с глобальными зависимостями, если у вас есть несколько проектов или версий.

      Лучше использовать npx, чтобы пакеты зависимостей содержались в папке проекта.

      Это сработало для меня, но мне пришлось управлять им несколько раз:

      npx react-native start --reset-cache && npx react-native run-android

      npx react-native run-android

      Поделиться 31 марта 2023 в 17:58

      Установка Chocolatey Chocolatey - популярный менеджер пакетов для Windows. Поэтому сначала нам нужно установить его на нашу систему.

      Чтобы установить Chocolatey, откройте Командную строку с правами администратора и выполните следующую команду.

      @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Обход -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

      choco install -y nodejs.install python2 jdk8.

      npm install -g react-native-cli

      enter image description here

      enter image description here

      Путь в верхней части переменной пользователя

      Похожие публикации:
      1. Как изменить разрядность системы с 32 на 64 без переустановки
      2. Почему наушники убавляют громкость телефона xiaomi
      3. Сколько стоит стиральная машинка автомат самсунг 6 кг
      4. Яндекс или майл почта что лучше

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *