Can't find variable: Symbol

Question

Can't find variable: Symbol

KakarN opened this issue 6 years ago · comments

I am trying to integrate mobx/mobx-react into my react-native project. But I was stuck when I tried to import Provider into the main App.js.

I have this error:

Error: "Can't find variable: Symbol Evaluating module://mobx-react.js Evaluating module://App.js Loading module://App.js" in

On further checking I found that the latest version of the mobx/mobx-react was the problem. When I installed the old version, the error was gone.

You can check the latest mobx/mobx-react version snack here, which does not work.

And the old version of mobx/mobx-react version of snack here, which does work.

sanguine盛 commented 6 years ago

差评

Michel Weststrate · Answer 1 · Sat Jun 09 2018 03:45:20 GMT+0800 (China Standard Time)

Fixed in #499 and released as 5.2.2

Kakar Nyori · Answer 2 · Sat Jun 09 2018 10:18:01 GMT+0800 (China Standard Time)

@mweststrate I am sorry, but I think it's not fixed yet. I have tried with the updated release version ("5.2.2"), but I am still getting the same error:

Error: "Can't find variable: Symbol Evaluating module://mobx.js Evaluating module://mobx-react.js Evaluating module://App.js Loading module://App.js" in

You can check the updated release version's snack here.

Kenneth · Answer 3 · Sun Jun 10 2018 15:43:19 GMT+0800 (China Standard Time)

Same issue here with react-native@0.55.4 with mobx@5.0.0 and mobx-react@5.2.2. Downgrading mobx to 4.3.1 and mobx-react to 5.1.0 fixed the issue for me.

Michel Weststrate · Answer 4 · Mon Jun 11 2018 15:30:26 GMT+0800 (China Standard Time)

Should be fixed in 5.2.3

Daiki Ihara · Answer 5 · Mon Jun 11 2018 17:22:02 GMT+0800 (China Standard Time)

Thank you for fixing!
But same issue here with react-native@0.54.4, mobx@5.0.0 and mobx-react@5.2.3 on Android emulator.
Turning on Debug JS Remotely fixed the issue for me.
snack here

Michel Weststrate · Answer 6 · Mon Jun 11 2018 17:35:56 GMT+0800 (China Standard Time)

MobX 5 doesn't work on RN Android, unless you upgrade your JavaScriptCore (See https://github.com/react-community/jsc-android-buildscripts#how-to-use-it-with-my-react-native-app). The default one is from 2014 (!!) and doesn't support any modern features and MobX 5 won't be compatible, use 4 instead Op ma 11 jun. 2018 om 11:22 schreef Daiki Ihara <notifications@github.com>:

…

Thank you for fixing! But same issue here with ***@***.***, ***@***.*** and ***@***.*** on Android emulator. Turning on Debug JS Remotely fixed the issue for me. snack here ***@***.***/mobx-react-updated-version> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#498 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABvGhAW08BkbCIwOnhM9f-lQkjY5fwAeks5t7ja7gaJpZM4UgfZd> .

Daiki Ihara · Answer 7 · Mon Jun 11 2018 17:43:29 GMT+0800 (China Standard Time)

Oh I didn't know The default JavaScriptCore on Android is so old!!!
Think about upgrading jscore or using MobX v4 instead of v5.

Thanks!

Juan · Answer 8 · Fri Jun 15 2018 07:57:36 GMT+0800 (China Standard Time)

@mweststrate What you mention is really interesting; didn't know about RN and jsc.
I've tried your solution though, but it mentions that it requires a min sdk version of 21 for it to work. Is there any workaround to keep min version 16 while also being able to upgrade to mobx to v5.0+?

Michel Weststrate · Answer 9 · Fri Jun 15 2018 15:54:03 GMT+0800 (China Standard Time)

I have no clue about SDKs or something. I think that question is better asked at the repo that I linked to Op vr 15 jun. 2018 om 01:57 schreef Juan <notifications@github.com>:

…

@mweststrate <https://github.com/mweststrate> What you mention is really interesting; didn't know about RN and jsc. I've tried your solution though, but it mentions that it requires a min sdk version of 21 for it to work. Is there any workaround to keep min version 16 while also being able to upgrade to mobx to v5.0+? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#498 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABvGhHAt-VoNyj0AgMH4AW4xTvx0-19mks5t8vhxgaJpZM4UgfZd> .

David May · Answer 10 · Wed Jul 04 2018 16:23:59 GMT+0800 (China Standard Time)

Just followed the instructions that @mweststrate put together.. worked a treat!
cheers mate!

mobx: ^5.0.3
mobx-react: ^5.2.3
react-native: 0.55.4

Heads up as others are saying - the change requires setting the minimum android SDK version to 21. Otherwise you're looking at downgrading 👎

Havoc · Answer 11 · Thu Jul 19 2018 06:31:26 GMT+0800 (China Standard Time)

Version Info:

"mobx": "^5.0.3",
"mobx-react": "^5.2.3",
"react": "16.4.1",
"react-native": "^0.56.0"

Followed these steps based on @mweststrate 's response to fix this

Source: https://github.com/react-community/jsc-android-buildscripts#how-to-use-it-with-my-react-native-app

npm / yarn install jsc-android -D as dev dependency
Make changes to android gradle files

android/build.gradle

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        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"
        }
        maven {
           // ADDED THIS - Local Maven repo containing AARs with JSC library built for Android
           url "$rootDir/../node_modules/jsc-android/dist" 
        }
    }
}

android/app/build.gradle

android {
   ...
   defaultConfig {
      minSdkVersion 21
   }
   ...
}

configurations.all {
    resolutionStrategy {
        force 'org.webkit:android-jsc:r224109'
    }
}

dependencies {
   ...
    compile 'org.webkit:android-jsc:r174650'    // ADDED THIS
   ...
}

Tushar Mutreja · Answer 12 · Thu Aug 09 2018 19:22:19 GMT+0800 (China Standard Time)

MOBX COMPATIBILITY WITH react-native@0.56 ==> mobx to 4.3.1 and mobx-react to 5.1.0 .

Harry · Answer 13 · Mon Sep 17 2018 14:17:05 GMT+0800 (China Standard Time)

@hvaoc Thanks too much : ) you save my life.

Paul Stanton · Answer 14 · Wed Oct 03 2018 09:29:45 GMT+0800 (China Standard Time)

update to @tusharmutreja 's fine post:
"mobx": "^4.5.0",
"mobx-react": "^5.2.8",

works a treat.

Jeff Gu Kang · Answer 15 · Tue Oct 23 2018 18:20:16 GMT+0800 (China Standard Time)

update to @tusharmutreja 's fine post:
"mobx": "^4.5.0",
"mobx-react": "^5.2.8",

works a treat.

It works well on React-Native 0.57.

東華帝君 ⚗️⚗️ · Answer 16 · Fri Nov 16 2018 14:17:38 GMT+0800 (China Standard Time)

Same issue here with react-native@0.57.5 with mobx@5.6.0 and mobx-react@5.3.6.
Downgrading mobx to 4.3.1 or upgrade your JavaScriptCore.

That all works well on React-Native 0.57.5.

shuirong · Answer 17 · Sat Dec 15 2018 23:53:00 GMT+0800 (China Standard Time)

It's my setting: (works for me)
devDependencies

...
"@babel/plugin-proposal-decorators": "^7.2.2",
"metro-react-native-babel-preset": "0.50.0",
"babel-preset-mobx": "^2.0.0",
"jsc-android": "^236355.1.1",
 "mobx": "^5.8.0",
"mobx-react": "^5.4.3",
...

.babelrc

{
  "presets": ["module:metro-react-native-babel-preset","mobx"],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }]
  ]
}

and upgrade JavaScript Core

Ty Ly · Answer 18 · Tue Dec 18 2018 05:33:10 GMT+0800 (China Standard Time)

Thank shuiRong,
Your solution work for me.

Liron Haim Lavy · Answer 19 · Mon Feb 04 2019 01:36:34 GMT+0800 (China Standard Time)

@hvaoc is declaring minSdkVersion 21, in android/app/build.gradle really necessary?

igor90007 · Answer 20 · Tue Mar 05 2019 02:48:42 GMT+0800 (China Standard Time)

"mobx": "4.9.2",
"mobx-react": "5.4.3",
"react-native": "0.58.6",
works good

Michel Weststrate · Answer 21 · Tue Mar 05 2019 03:42:37 GMT+0800 (China Standard Time)

Locking conversation, too many random comments that don't add anything to the conversation. Please open a new issue if still running into trouble not solved by what has been mentioned before already