Unable to resolve module `react-native/Libraries/Components/ScrollView/InternalScrollViewType`

[javi10823]

Environment: OS: macOS High Sierra 10.13.6 Node: 9.11.1 Yarn: 1.7.0 npm: 6.1.0 Watchman: 4.9.0 Xcode: Xcode 9.4.1 Build version 9F2000 Android Studio: 3.1 AI-173.4907809

Packages: (wanted => installed) react: 16.3.1 => 16.3.1 react-native: 0.55.4 => 0.55.4

The project compiles ok, but when I execute the app receive this error

Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module react-native/Libraries/Components/ScrollView/InternalScrollViewType from /Users/javierolivieri/projects/govpredict/govpredict/node_modules/react-native-nested-scroll-view/lib/NestedScrollView.js: Module react-native/Libraries/Components/ScrollView/InternalScrollViewType does not exist in the Haste module map

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 /tmp/metro-bundler-cache-* or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*. at ModuleResolver.resolveDependency (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:161:1460) at ResolutionRequest.resolveDependency (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:91:16) at DependencyGraph.resolveDependency (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/node-haste/DependencyGraph.js:272:4579) at dependencies.map.relativePath (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/DeltaBundler/traverseDependencies.js:376:19) at Array.map () at resolveDependencies (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/DeltaBundler/traverseDependencies.js:374:16) at /Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/DeltaBundler/traverseDependencies.js:212:33 at Generator.next () at step (/Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:313) at /Users/javierolivieri/projects/govpredict/govpredict/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:473

[cesardeazevedo]

The last version only works with react-native 0.56.0, but you wouldn't be able to compile, so that's why i am not sure, can you try an older version (6.0.1) or upgrade react-native to 0.56.0?

[javi10823]

I need to implement in this version: react-native: 0.55.4 , I will try with 6.0.1 ....

[javi10823]

@cesardeazevedo I'm working with the 6.0.1 version, and when compiling i receive this:

"error: resource android:style/TextAppearance.Material.Widget.Button.Borderless.Colored not found. error: resource android:style/TextAppearance.Material.Widget.Button.Colored not found. error: failed linking references." please help

[cesardeazevedo]

Can you post your build.gradle file?

[javi10823]

apply plugin: "com.android.application"

import com.android.build.OutputFile

/**

• The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
• and bundleReleaseJsAndAssets).
• These basically call react-native bundle with the correct arguments during the Android build
• cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
• bundle directly from the development server. Below you can see all the possible configurations
• and their defaults. If you decide to add a configuration block, make sure to add it before the
• apply from: "../../node_modules/react-native/react.gradle" line.
• project.ext.react = [
• // the name of the generated asset file containing your JS bundle
• bundleAssetName: "index.android.bundle",
• // the entry file for bundle generation
• entryFile: "index.android.js",
• // whether to bundle JS and assets in debug mode
• bundleInDebug: false,
• // whether to bundle JS and assets in release mode
• bundleInRelease: true,
• // whether to bundle JS and assets in another build variant (if configured).
• // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
• // The configuration property can be in the following formats
• // 'bundleIn${productFlavor}${buildType}'
• // 'bundleIn${buildType}'
• // bundleInFreeDebug: true,
• // bundleInPaidRelease: true,
• // bundleInBeta: true,
• // whether to disable dev mode in custom build variants (by default only disabled in release)
• // for example: to disable dev mode in the staging build type (if configured)
• devDisabledInStaging: true,
• // The configuration property can be in the following formats
• // 'devDisabledIn${productFlavor}${buildType}'
• // 'devDisabledIn${buildType}'
• // the root of your project, i.e. where "package.json" lives
• root: "../../",
• // where to put the JS bundle asset in debug mode
• jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
• // where to put the JS bundle asset in release mode
• jsBundleDirRelease: "$buildDir/intermediates/assets/release",
• // where to put drawable resources / React Native assets, e.g. the ones you use via
• // require('./image.png')), in debug mode
• resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
• // where to put drawable resources / React Native assets, e.g. the ones you use via
• // require('./image.png')), in release mode
• resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
• // by default the gradle tasks are skipped if none of the JS files or assets change; this means
• // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
• // date; if you have any other folders that you want to ignore for performance reasons (gradle
• // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
• // for example, you might want to remove it from here.
• inputExcludes: ["android/", "ios/"],
• // override which node gets called and with what additional arguments
• nodeExecutableAndArgs: ["node"],
• // supply additional arguments to the packager
• extraPackagerArgs: []
• ] */

project.ext.react = [ entryFile: "index.js" ]

apply from: "../../node_modules/react-native/react.gradle"

/**

• Set this to true to create two separate APKs instead of one:
• • An APK that only works on ARM devices
• • An APK that only works on x86 devices
• The advantage is the size of the APK is reduced by about 4MB.
• Upload all the APKs to the Play Store and people will download
• the correct one based on the CPU architecture of their device. */ def enableSeparateBuildPerCPUArchitecture = false

/**

• Run Proguard to shrink the Java bytecode in release builds. */ def enableProguardInReleaseBuilds = false

android { compileSdkVersion 23 buildToolsVersion "23.0.1"

defaultConfig {
    applicationId "com.govpredict"
    minSdkVersion 16
    targetSdkVersion 22
    versionCode 1
    versionName "1.0"
    ndk {
        abiFilters "armeabi-v7a", "x86"
    }
}
splits {
    abi {
        reset()
        enable enableSeparateBuildPerCPUArchitecture
        universalApk false  // If true, also generate a universal APK
        include "armeabi-v7a", "x86"
    }
}
buildTypes {
    release {
        minifyEnabled enableProguardInReleaseBuilds
        proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
    }
}
// applicationVariants are e.g. debug, release
applicationVariants.all { variant ->
    variant.outputs.each { output ->
        // For each separate APK per architecture, set a unique version code as described here:
        // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
        def versionCodes = ["armeabi-v7a":1, "x86":2]
        def abi = output.getFilter(OutputFile.ABI)
        if (abi != null) {  // null for the universal-debug, universal-release variants
            output.versionCodeOverride =
                    versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
        }
    }
}

}

dependencies { compile project(':react-native-nested-scroll-view') compile fileTree(dir: "libs", include: ["*.jar"]) compile "com.android.support:appcompat-v7:23.0.1" compile "com.facebook.react:react-native:+" // From node_modules }

// Run this once to be able to run the application with BUCK // puts all compile dependencies into folder libs for BUCK to use task copyDownloadableDepsToLibs(type: Copy) { from configurations.compile into 'libs' }

[cesardeazevedo]

Can you compare with this file and apply the differences? such as compile 'com.android.support:design:25.3.1', compile 'com.android.support:appcompat-v7:25.3.1' , targetSdkVersion 25 and compileSdkVersion 25

[javi10823]

ok thanks, that solution works but i have other issue. I will write an email to you

[gstcarv]

i'm having this trouble, but my React Native version is 0.60.5 :( The version was 0.58 and it worked normally, but I upgraded and it stopped working

[sdjhoanborges]

same problem using "react-native": "0.61.5"