lottie-react-native: Execution failed for task ':lottie-react-native:compileDebugJavaWithJavac'.

Description

When I react-native link lottie, it fails to build. When I don’t link, it builds, but it doesn’t work as expected. I uninstalled, unlinked and installed, linked lottie again, but I got the error given below.

Steps to Reproduce

  1. npm i --save lottie-react-native
  2. react-native link lottie-react-native
  3. react-native run-android

Expected behavior: [What you expected to happen] successful build. Actual behavior: [What actually happened] error log below.

> Task :lottie-react-native:compileDebugJavaWithJavac FAILED
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:13: error: cannot
find symbol
import com.airbnb.lottie.LottieAnimationView;
                        ^
  symbol:   class LottieAnimationView
  location: package com.airbnb.lottie
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:27: error: cannot
find symbol
class LottieAnimationViewManager extends SimpleViewManager<LottieAnimationView> {
                                                           ^
  symbol: class LottieAnimationView
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:35: error: cannot
find symbol
  private Map<LottieAnimationView, LottieAnimationViewPropertyManager> propManagersMap = new WeakHashMap<>();
              ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:6: error:
cannot find symbol
import com.airbnb.lottie.LottieAnimationView;
                        ^
  symbol:   class LottieAnimationView
  location: package com.airbnb.lottie
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:7: error:
cannot find symbol
import com.airbnb.lottie.LottieDrawable;
                        ^
  symbol:   class LottieDrawable
  location: package com.airbnb.lottie
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:47: error: cannot
find symbol
  @Override public LottieAnimationView createViewInstance(ThemedReactContext context) {
                   ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:70: error: cannot
find symbol
  private void sendOnAnimationFinishEvent(final LottieAnimationView view, boolean isCancelled) {
                                                ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:108: error: cannot find symbol
  public void receiveCommand(final LottieAnimationView view, int commandId, final ReadableArray args) {
                                   ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:156: error: cannot find symbol
  public void setSourceName(LottieAnimationView view, String name) {
                            ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:161: error: cannot find symbol
  public void setSourceJson(LottieAnimationView view, String json) {
                            ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:171: error: cannot find symbol
  public void setCacheStrategy(LottieAnimationView view, String name) {
                               ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:190: error: cannot find symbol
  public void setResizeMode(LottieAnimationView view, String resizeMode) {
                            ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:203: error: cannot find symbol
  public void setProgress(LottieAnimationView view, float progress) {
                          ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:208: error: cannot find symbol
  public void setSpeed(LottieAnimationView view, double speed) {
                       ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:213: error: cannot find symbol
  public void setLoop(LottieAnimationView view, boolean loop) {
                      ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:218: error: cannot find symbol
  public void setHardwareAcceleration(LottieAnimationView view, boolean use) {
                                      ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:223: error: cannot find symbol
  public void setImageAssetsFolder(LottieAnimationView view, String imageAssetsFolder) {
                                   ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:228: error: cannot find symbol
  public void setEnableMergePaths(LottieAnimationView view, boolean enableMergePaths) {
                                  ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:233: error: cannot find symbol
  protected void onAfterUpdateTransaction(LottieAnimationView view) {
                                          ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:238: error: cannot find symbol
  private LottieAnimationViewPropertyManager getOrCreatePropertyManager(LottieAnimationView view) {
                                                                        ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:22: error: cannot find symbol
  private final WeakReference<LottieAnimationView> viewWeakReference;
                              ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewPropertyManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:36: error: package LottieAnimationView does not exist
  private LottieAnimationView.CacheStrategy cacheStrategy;
                             ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:42: error: cannot find symbol
  public LottieAnimationViewPropertyManager(LottieAnimationView view) {
                                            ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewPropertyManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:55: error: package LottieAnimationView does not exist
  public void setCacheStrategy(LottieAnimationView.CacheStrategy strategy) {
                                                  ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:48: error: cannot
find symbol
    final LottieAnimationView view = new LottieAnimationView(context);
          ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:48: error: cannot
find symbol
    final LottieAnimationView view = new LottieAnimationView(context);
                                         ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:125: error: cannot find symbol
                      LottieAnimationView view = (LottieAnimationView)v;
                      ^
  symbol: class LottieAnimationView
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:125: error: cannot find symbol
                      LottieAnimationView view = (LottieAnimationView)v;
                                                  ^
  symbol: class LottieAnimationView
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:173: error: package LottieAnimationView does not exist
      LottieAnimationView.CacheStrategy strategy = LottieAnimationView.DEFAULT_CACHE_STRATEGY;
                         ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:173: error: cannot find symbol
      LottieAnimationView.CacheStrategy strategy = LottieAnimationView.DEFAULT_CACHE_STRATEGY;
                                                   ^
  symbol:   variable LottieAnimationView
  location: class LottieAnimationViewManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:176: error: package LottieAnimationView does not exist
          strategy = LottieAnimationView.CacheStrategy.None;
                                        ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:179: error: package LottieAnimationView does not exist
           strategy = LottieAnimationView.CacheStrategy.Weak;
                                         ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java:182: error: package LottieAnimationView does not exist
          strategy = LottieAnimationView.CacheStrategy.Strong;
                                        ^
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:98: error: cannot find symbol
    LottieAnimationView view = viewWeakReference.get();
    ^
  symbol:   class LottieAnimationView
  location: class LottieAnimationViewPropertyManager
C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewPropertyManager.java:119: error: cannot find symbol
      view.setRepeatCount(loop ? LottieDrawable.INFINITE : 0);
                                 ^
  symbol:   variable LottieDrawable
  location: class LottieAnimationViewPropertyManager
Note: C:\Users\asus\Desktop\barista\node_modules\lottie-react-native\src\android\src\main\java\com\airbnb\android\react\lottie\LottieAnimationViewManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
35 errors

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':lottie-react-native:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

Versions

You can get this information from executing npm version. { barista: ‘0.0.1’, npm: ‘6.5.0’, ares: ‘1.15.0’, brotli: ‘1.0.7’, cldr: ‘34.0’, http_parser: ‘2.8.0’, icu: ‘63.1’, llhttp: ‘1.0.1’, modules: ‘67’, napi: ‘4’, nghttp2: ‘1.34.0’, node: ‘11.9.0’, openssl: ‘1.1.1a’, tz: ‘2018e’, unicode: ‘11.0’, uv: ‘1.25.0’, v8: ‘7.0.276.38-node.16’, zlib: ‘1.2.11’ }

react-native-cli: 2.0.1 react-native: 0.58.5

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 4
  • Comments: 19

Most upvoted comments

Migrating to Android X Fixed it for me. i.e: Adding

android.useAndroidX=true
android.enableJetifier=true

to my gradle.properties and running Jetifier

npx jetifier

The issue is still exist with “lottie-react-native@5.1.4” and “react-native@0.68” , And i have tried @giorgiosaints solution but not work, can someone helps me plz ?

Any solution? In react native 0.60.5 I have the same error!!

same issue I have react-native 0.59.9, please help me if there any solutuin

Migrating to Android X Fixed it for me. i.e: Adding

android.useAndroidX=true
android.enableJetifier=true

to my gradle.properties and running Jetifier

npx jetifier

Woks! Thank you man

I finally solved mine by changing the java home to use jdk 8 (was using the OS one, jdk 11). Somehow changing it in android studio settings didn’t work.