React Native: TypeError: Undefined не является функцией. Оценка (r.render ())

Скриншот

Условия:

Ошибка возникает при открытии установленного приложения (Android, с VS Code. Не Android Studio)

Я запустил ./gradlew assemblyRelease и ./gradlew installRelease. Сборка прошла успешно. В последнее время ничего не устанавливал. Был успешно собран apk файл и запущен установлен. Затем я ввел элементы react-native-elements и использовал их {Icon}. Но с тех пор это было удалено. И сомнительно причина проблемы.

Ошибка находится в строке 66 моего файла android.bundle.

Ошибка при запуске NPM

Когда я запускаю npm start для эмулятора, я получаю следующую ошибку: React Native Version Mismatch. Javascript: 0.57.2. Собственный: 0,55,4. Я несколько раз пытался обновить до 0.57.2 и заменить все вхождения, где я называю 0.55.4. Я обновил свой файл build.gradle, чтобы отразить 0.57.2.

Шаги к решению:

Я удалил папку node_modules и файл блокировки пакета и переустановил через npm i. Пробовал несколько конфигураций maven. И обновили мой пакет вручную с помощью:

пакет response-native --platform android --dev false --entry-file App.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res /

Я попытался включить все файлы, которые вы могли бы попросить. Любая помощь приветствуется. С радостью предоставлю любую информацию, которая поможет устранить эту ошибку.

Package.JSON

{
  "name": "blok",
  "main": "node_modules/expo/AppEntry.js",
  "private": true,
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "eject": "expo eject",
    "test": "jest"
  },
  "dependencies": {
    "babel-preset-react-native": "^5",
    "expo": "^30.0.1",
    "jest": "^23.6.0",
    "react": "16.3.1",
    "react-native": "^0.57.2",
    "react-native-animatable": "^1.3.0",
    "react-native-fbsdk": "^0.8.0",
    "react-native-router-flux": "^4.0.5",
    "react-redux": "^5.0.7",
    "react-router-native": "^4.3.0",
    "redux": "^4.0.0",
    "remote-redux-devtools": "^0.5.13"
  },
  "jest": {
    "preset": "react-native"
  },
  "devDependencies": {
    "babel-preset-react-native": "^5",
    "schedule": "^0.4.0"
  }
}

build.gradle (корень)

// Top-level build file where you can add configuration options common to all sub-projects/modules.
task assemble{}

buildscript {
    repositories {
        jcenter()
        google()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.1.4'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        maven {
             url 'https://maven.google.com/'
        }
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
        jcenter()
        google()
    }
}


 // url "$rootDir/../node_modules/react-native/android"

build.gradle (Android / приложение)

apply plugin: "com.android.application"

import com.android.build.OutputFile


project.ext.react = [
    entryFile: "App.js",
    bundleAssetName: "index.android.bundle",
    bundleInRelease: true,
]

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

def enableSeparateBuildPerCPUArchitecture = false

def enableProguardInReleaseBuilds = false

android {
    compileSdkVersion 28
    buildToolsVersion "28.0.3"

    defaultConfig {
        applicationId "com.blok"
        minSdkVersion 16
        targetSdkVersion 28
        versionCode 2
        versionName "2.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }

    signingConfigs {
    release {
        storeFile file(BLOK_RELEASE_STORE_FILE)
        storePassword BLOK_RELEASE_STORE_PASSWORD
        keyAlias BLOK_RELEASE_KEY_ALIAS
        keyPassword BLOK_RELEASE_KEY_PASSWORD
    }
}
    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"
            signingConfig signingConfigs.release
        }
    }
    // 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 fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    // compile("com.facebook.react:react-native:0.57.2") { force = true }
    compile "com.facebook.react:react-native:+" // From node_modules'
    
}


task copyDownloadableDepsToLibs(type: Copy) {
    from configurations.compile
    into 'libs'
}

MainApplication.java

package com.blok;

import android.app.Application;

import com.facebook.react.ReactApplication;

import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return true;
      // return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage()
      );
    }

    @Override
    protected String getJSMainModuleName() {
      return "App";
      // return "index";
    }
  };

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }
}

gradle.properties

android.enableAapt2=false
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
3
0
1 762
1

Ответы 1

У меня такая же ошибка в response-native 0.57.3. Чтобы исправить эту ошибку: мне пришлось установить metro-react-native-babel-preset и изменить в .babelrc и babel.config.js:

const presets = ['реагировать-native', '@ babel / preset-flow'];

к

const presets = ['модуль: metro-react-native-babel-preset', '@ babel / preset-flow'];

Карлос! Большое спасибо! Я уже давно смотрю на эту ошибку. Для меня сработало простое добавление предустановки metro-react-native-babel-. Поскольку я не использовал конфигурацию предустановленного потока. Это заставило мое приложение собрать и выпустить! Блестящая работа. Спасибо еще раз.

Ryan Brockhoff 18.10.2018 18:51

Другие вопросы по теме