Как импортировать NativeBase 2.2.0 в проект ReactNative?

Я новичок в разработке ReactNative и пытаюсь импортировать NativeBase 2.2.0 в свой проект. Я следую этой инструкции. Начало работы

Шаги:

 $react-native init MyProject
    $cd MyProject
    $react-native run-android

После успешной установки приложения на свой телефон я пытаюсь установить NativeBase.

$npm install native-base --save

[email protected] postinstall \ MyProject e_modules \ native-base узел addEjectScript.js

┌──────────────────────────────────────────────────── ────────────────────────────────────────── │ NativeBase 2.0 успешно установлен! │ │ Запустите node node_modules/native-base/ejectTheme.js, чтобы скопировать переменные конфигурации темы. │ │ Перейдите в документацию для получения подробной информации о том, как внести изменения в тему. │ └─────────────────────────────────────────────────── ──────────────────────────── ───────────── Уведомление npm создало файл блокировки как package-lock .json. Вы должны совершить это f

npm WARN [email protected] требует однорангового узла response @> = 16.0.0-alpha.3, но не установлен. Вы должны сами установить одноранговые зависимости. npm WARN [email protected] требует однорангового узла response-native @> = 0.46.0, но не установлен. Вы должны сами установить одноранговые зависимости. npm WARN [email protected] требует однорангового узла response-native @> = 0 0, но ни один не установлен. Вы должны сами установить одноранговые зависимости. npm WARN [email protected] требует однорангового узла response @> = 16.0.0-a .3, но ни один не установлен. Вы должны сами установить одноранговые зависимости.

  • [email protected] добавил 22 пакета, удалил 625 пакетов и обновил 91 пакет за 78.962 сек.

Но когда я перехожу к Install Peer Dependencies шагу, я получаю ошибку

$react-native link

Команда link нераспознана. Убедитесь, что вы запустили npm install и находитесь внутри проекта, ориентированного на реакцию.

Тогда я пробую:

 $npm install react
    npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    [email protected] added 115 packages, removed 15 packages and updated 1 package in 20.176s


 $npm install react-native
    npm WARN deprecated [email protected]: connect 2.x series is deprecated
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ [email protected]
added 115 packages, removed 15 packages and updated 1 package in 189.374s

$react-native link
 Scanning folders for symlinks in ..\ReactNative\MyAsset\node_modules (40ms)
rnpm-install info Linking assets to ios project
rnpm-install info Linking assets to android project
rnpm-install info Assets have been successfully linked to your project

Я получил ошибку при попытке установить приложение.

 $react-native run-android
       React packager ready.
    Loading dependency graph, done.
    Bundling `index.js`  [development, non-minified]  0.0% (0/418), failed.
    error: bundling failed: Error: Cannot find module 'AccessibilityInfo' (While processing preset: "MyProject\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js")
        at Function.Module._resolveFilename (module.js:527:15)
        at Function.Module._load (module.js:476:23)
        at Module.require (module.js:568:17)
        at require (internal/module.js:11:18)
        at Object.get AccessibilityInfo [as AccessibilityInfo] (MyProject\node_modules\react-native\Libraries\react-native\react-native-implementation.js:19:36)
        at MyProject\node_modules\babel-core\node_modules\lodash\_baseClone.js:145:23
        at arrayEach (MyProject\node_modules\babel-core\node_modules\lodash\_arrayEach.js:15:9)
        at baseClone (MyProject\node_modules\babel-core\node_modules\lodash\_baseClone.js:142:3)
        at cloneDeepWith (MyProject\node_modules\babel-core\node_modules\lodash\cloneDeepWith.js:37:10)

Среда
- node --version
v6.11.5
- react-native --version
react-native-cli: 2.0.1
react-native: n / a - не внутри каталог проекта React Native
- npm --version
5.5.1

Я что-то сделал не так или что-то упустил? Кто-нибудь может помочь?
Спасибо.


person neo    schedule 01.11.2017    source источник
comment
Кто угодно может помочь. Я все еще придерживался этого. Это бесит меня, Орз. Кажется, так сложно настроить среду, не так ли?   -  person neo    schedule 03.11.2017


Ответы (1)


[email protected] добавил 22 пакета, удалил 625 пакетов и обновил 91 пакет за 78.962 сек.

это странно. Я работаю с native-base, но раньше этого не видел.

запустить npm install после повторной установки родной базы.

если не сработало, запустите npm install react и npm install react-native

он должен работать.

person Sinapcs    schedule 01.11.2017
comment
Я сделал те же шаги, что и вы, и успешно установил приложение. Но я все равно получаю сообщение об ошибке, когда пытаюсь "реагировать на родную ссылку". Я зациклился на этом несколько дней. - person neo; 01.11.2017
comment
проверьте свои node_modules / response / package.json и node_modules / response-native / package.json и дайте мне знать версию этих пакетов - person Sinapcs; 01.11.2017
comment
Я попробовал «npm install response» и «npm install response-native» после работы с «response-native link». Но когда я попробовал 'react-native run-android', то получил ошибку == ›{Объединение index.js [разработка, неминифицированный] 0,0% (0/418) не удалось. ошибка: сбой объединения: Ошибка: не удается найти модуль AccessibilityInfo (во время обработки предустановки: MyProject \\ node_modules \\ react-native \\ Libraries \\ react-nat‌ ive \\ react-native-im‌plementation.js)} . Я отредактировал свой вопрос. Вы могли это видеть, спасибо - person neo; 02.11.2017
comment
после установки response-native попробуйте react-native upgrade, а затем react-native run-android - person Sinapcs; 03.11.2017