1. 程式人生 > >Unable to resolve module 'AccessibilityInfo' 的解決方案

Unable to resolve module 'AccessibilityInfo' 的解決方案

最近在研究React Native APP 開發,但是按照官方給出來的搭建方案建立了一個AwesomeProject後,

執行 react-native run-android 安裝Android APP後卻是一屏大紅幕報 Unable to resolve module ‘AccessibilityInfo’ 的異常,

然後給出了以下方案:

This might be related to https://github.com/facebook/react-native/issues/4968

To resolve try the following:

  1. Clear watchman watches: `watchman watch-del-all`.

  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.

  3. Reset Metro Bundler cache: `rm -rf $TMPDIR/react-*` or `npm start -- --reset-cache`.

緊接著就是按照提供的方法去嘗試解決這個問題啦,結果試了一圈,甚至還把整個工程專案重來,新建一個RnDemo1,

但是最終結果還是報這類異常,無奈了2天。

一向有著不解決問題就心裡念念不忘難以入睡的我,始終想把問題解決,以推進我的RN學習計劃啊,於是這週末繼續在家搞,百度,谷歌,各種查,各種方案各種嘗試,然而最終都是無功而返。

但我仍不放棄,繼續找方案,終於,不負有心人啊,在Stack Overflow上得到提示,可能是react-native 和 react-native-cli版本問題導致的,於是查了一下各自的版本,如下:

react-native-cli: 2.0.1
react-native: 0.56.0

既然有可能是這版本號導致的問題,那就換用其他穩定的版本號唄。

react-native應該是0.55.4 比較穩定,react-native-cli 聽一群裡的大神說使用1.2.0更穩定,所以我把這舊版的都先uninstall了。

那就幹吧,分別執行以下命令(注意噢,這樣全域性執行): 

npm uninstall -g react-native-cli
npm install [email protected]
npm install -g [email protected]
react-native init --version="0.55.4" myprojectname

前面3條命令全域性執行安裝,最後一條命令轉到自己的專案下去執行。

 專案成功建立好了,我使用Android Studio開啟這裡面的android工程,修改了build gradle下的引數以使其可以在我的老古董手機(紅米note1)上安裝,安裝後,再執行 react-native start 命令把整個專案執行起來,稍等了一會,Loading dependency graph,done 了,開啟APP reload 了一下,成功把專案跑起來了,那個激動啊!

糾結了2-3天的問題解決了,在此記錄下來,以便後來者少走彎路,也希望自己後續的學習即使是遇到問題也能夠最終得以解決!

相關推薦

Unable to resolve module 'AccessibilityInfo' 的解決方案

最近在研究React Native APP 開發,但是按照官方給出來的搭建方案建立了一個AwesomeProject後, 執行 react-native run-android 安裝Android APP後卻是一屏大紅幕報 Unable to resolve modul

react-native 500 Unable to resolve module 'AccessibilityInfo', when trying to create release bundle.

react-native 在pc端使用模擬器時遇到的RN版本衝突問題的解決方案: 配置react-native環境中,編譯執行React Native 應用時,出現紅屏,500錯誤。錯誤:“Unable to resolve module 'AccessibilityInf

ReactNative——問題:Unable to resolve module 'AccessibilityInfo'...doesn't exist in the Haste module map

RN工程執行報錯: Unable to resolve module 'AccessibilityInfo' from '...\node_modules\react-native\Libraries

React Native: Unable to resolve module 'accessibilityinfo'

eset clear install ble ive node tmp 6.0 acc 官方解決方案: 1. Clear watchman watches: `watchman watch-del-all`. 2. Delete the `node_modules` fol

Unable to resolve module crypto

with n-n pin sta pack nod pda ping eps Add rn-nodeify to your devDependencies in package.json: "devDependencies": { "rn-nodeify": "^6.

Source Insight 4.0首次安裝提示unable to open or create...解決方案

當初買電腦的時候too young, too naive. 註冊了一箇中文的windows使用者名稱,後面踩的坑我真是。。。這又是一個哲學問題。。。 好了,正式開始: 出現這個問題,是因為Sourch

RN異常:"Unable to resolve module `react-native/Libraries/vendor/emitter/EventEmitter`

1.基本原因:因為版本的不同使得EventEmitter層級目錄發生變化,而最終導致無法找到該檔案 2.解決方法步驟如下:       a.首先先安裝EventEmitter   npm install EventEmitter       b.如果還報錯的話,試著

React Native --bundling failed: Error: Unable to resolve module /../react-transform-hmr/lib/index.js

前言 第一次執行 React Native,各種問題,坑死!!! 這裡總結幾個 bug 。 此處針對的 React Native 版本為 "react-native": "0.57.2" 問題一 sha

使用better-scroll實現滾動選單時,出現報錯“Failed to resolve directive: el”解決方案

錯誤詳情: 使用better-scroll實現滾動選單時,報錯“Failed to resolve directive: el”。 錯誤原因: 這是因為v-el在vue2.x以後被淘汰。使用新的標籤ref替換v-el,下面是修改的方法。 解決

ReactNative踩坑之旅: Unable to resolve module 和 Error: Plugin

我是在windows搭建的, 過程中碰見了很多問題, 大多數簡單的搜尋就可以解決, 但有兩個較難排查, 現在記錄於下 ps. 建議別用windows自帶的命令列, 出現問題後報錯資訊不能複製是個坑, 建議用WebStorm自帶的Terminal, 自動

React-Native Image載入本地圖片報錯error: bundling failed: Error: Unable to resolve module

在初步學習React-Native 用Imgae載入本地的時候 遇到了這個問題,程式碼是這樣的在根目錄下的images資料夾內有backicon.png這張圖片按上面配置的路徑,在程式碼中是可以定位到圖片的,但是實際執行測試就報錯找不到這個圖片,後來測試才發現要這樣寫改成這樣

error: bundling: UnableToResolveError: Unable to resolve module `react/lib/ReactDebugCurrentFrame`

我們在使用react native的時候可能會遇到這個問題,官方推薦做法是: This might be related to https://github.com/facebook/react-native/issues/4968 To re

React-Native_學習筆記1: Unable to resolve module Dimensions from “...js” Invalid directory /Users/node_m

在使用第三方的元件的時候遇到如題的錯誤提示,原因是第三方組建中呼叫Dimensions 發生的錯誤,解決方法:修改第三方元件 “。js”檔案中的程式碼 var screen = require('D

wget: unable to resolve host address解決方法

利用wget下載東西時,比如輸入指令wget www.baidu.com 提示報錯 “wget: unable to resolve host address …” wget:無法解析主機地址。這就能

安裝Python3.5後,pip報錯Fatal error in launcher: Unable to create process using '"'解決方案

c:\Python35\Scripts>pip3ERROR:Fatal error in launcher: Unable to create process using '"'解決方法:python3:python3 -m pip install --upgrade pip

Error:Execution failed for task ':app:clean'. > Unable to delete directory 終極解決方案

<span style="font-size:12px;">Information:Gradle tasks [:app:clean, :app:generateDebugSources, :app:generateDebugAndroidTestSource

Unable to resolve dependency for app'@debug/compileClasspath':依賴 Open File Show Details————解決方案

android studio 3.1.4  classpath 'com.android.tools.build:gradle:3.1.4' distributionUrl=https\://services.gradle.org/distributions/gradle

studio3.0關於Error:Unable to resolve dependency for ':@debug/compileClasspath'的解決方案

如果你在老專案遷移到studio3.0時遇到了同樣的問題,希望可以幫到你。 —-首先出現這個問題肯定是studio升級到3.0和Gradle升級到4.1導致的,百度一波後,大致知道是怎麼造成的了,

升級Android studio 3.0之後 gradle載入慢 下載包失敗 超時和Unable to resolve dependency 等一系列問題解決方案

前言 升級android studio 3.0之後。gradle引用從compile變成了implementation。 gradle build之後會出現 載入慢,最後超時 有些包下載不下來出錯 Unable to resolve dependency 出錯 一直

Ubuntu sudo 出現unable to resolve host 解決方法

主機 oca ubuntu true highlight log ble nbsp light Ubuntu環境, 假設這臺機器名字叫abc(機器的hostname), 每次執行sudo 就出現這個警告訊息:sudo: unable to resolve host abc雖