Ошибка реакции: невозможно разрешить модуль `AccessibilityInfo`

Я новичок в React-native. Я следовал всем инструкциям, когда пытался создать свое первое приложение, я получил эту ошибку. У меня есть четкий перезапуск npm, но все еще есть эта ошибка.

The development server returned response error code: 500

URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false

Body:
{"originModulePath":"F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":"Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.","errors":[{"description":"Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`."}],"name":"Error","stack":"Error: Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.\n    at ModuleResolver.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ModuleResolution.js:167:1306)\n    at ResolutionRequest.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ResolutionRequest.js:80:16)\n    at DependencyGraph.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph.js:237:485)\n    at Object.resolve (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\lib\\transformHelpers.js:116:25)\n    at dependencies.map.result (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:298:29)\n    at Array.map (<anonymous>)\n    at resolveDependencies (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:294:16)\n    at F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:159:33\n    at Generator.next (<anonymous>)\n    at step (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:239:307)"}
processBundleResult
    BundleDownloader.java:285
access$200
    BundleDownloader.java:37
onResponse
    BundleDownloader.java:163
execute
    RealCall.java:153
run
    NamedRunnable.java:32
runWorker
    ThreadPoolExecutor.java:1113
run
    ThreadPoolExecutor.java:588
run
    Thread.java:818

person Rifat Murtuza    schedule 24.07.2018    source источник


Ответы (4)


Эта ошибка связана с вашей версией родного проекта.

Вы должны создать свой проект в этой версии сейчас --->

реактивная инициализация ProjectName --version 0.55.4

Просто дождитесь следующей версии React Native, чтобы они исправили эту проблему.

person Pheng Sengvuthy    schedule 24.07.2018
comment
Я создал новый проект, но теперь приложение не работает, оно загружается неограниченное время. Спасибо за ваш ответ. - person Rifat Murtuza; 25.07.2018
comment
@RifatMurtuza Я имею в виду, что вы должны создавать новые проекты с помощью этой команды react-native init ProjectName --version 0.55.4 - person Pheng Sengvuthy; 25.07.2018
comment
@RifatMurtuza так рад это слышать. - person Pheng Sengvuthy; 25.07.2018
comment
Думаю лучшее решение. Экономия моего времени - person Sulung Nugroho; 01.09.2018

См. зависимости и devDependencies вашего файла package.json, если ваша находка реагирует на нативную версию 0.56, как это ---->

 "react-native":"0.56.0" 

в зависимостях, затем измените его на

"react-native":"0.55.4"

и в devDependencies изменить

"babel-preset-react-native": "5",

to

"babel-preset-react-native": "4.0.0",

и, наконец, запустить

npm install
person Anwar Gul    schedule 24.07.2018
comment
ходил по кругу, удаляя мою папку node_modules и неоднократно запуская npm install. это, наконец, решилось, хотя это изменило мой package.json, и мне пришлось сослаться на эту тему: github.com/facebook /метро/вопросы/242 - person Casey L; 02.11.2018

Похоже, что понижение версии React Native решит проблему. Вы используете последнюю версию 0.56.1? Новые выпуски довольно нестабильны, особенно если вы используете Windows.

Переход на версию 0.55.4 должен решить вашу проблему: npm install [email protected]

Вы можете взглянуть на очень похожую проблему: https://github.com/facebook/react-native/issues/14209

person Cyril Bos    schedule 24.07.2018

Я предполагаю, что вы используете Windows. В последнее время я получил ту же ошибку, и когда я искал ее в github, проблемы с реакцией родного, увидел, что люди изменили свой файл package.json. То, что подходит для моего случая, приведено ниже, вы можете адаптировать его под свои нужды;

{
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.4"
  },
  "devDependencies": {
    "babel-jest": "22.4.4",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.4",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

Не забудьте сначала удалить папку node_modules, затем изменить папку package.json, как указано выше, и, наконец, запустить npm install.

person milkersarac    schedule 24.07.2018