Cannot get property 'packageName' on null object

[brunolemos]

Moving from #537

Environment

System:
OS: macOS 10.15
CPU: (4) x64 Intel(R) Core(TM) i5-6267U CPU @ 2.90GHz
Memory: 2.70 GB / 16.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 12.8.0 - /var/folders/xh/gcxkb1qx2rd3fmqz5vxrs2lh0000gn/T/yarn--1567321836628-0.386672585258681/node
Yarn: 1.17.3 - /var/folders/xh/gcxkb1qx2rd3fmqz5vxrs2lh0000gn/T/yarn--1567321836628-0.386672585258681/yarn
npm: 6.10.3 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
Android SDK:
API Levels: 28
Build Tools: 28.0.3
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.5791312
Xcode: 10.3/10G8 - /usr/bin/xcodebuild

Description

Can't get react-native 0.61 to work on a monorepo on Android. Build fails with the error: Cannot get property 'packageName' on null object. iOS works as expected.

Running yarn react-native config returns this result:

{
 "root": "/Users/user/Projects/react-native-web-monorepo",
 "reactNativePath": "/Users/user/Projects/react-native-web-monorepo/node_modules/react-native",
 "dependencies": {},
 "commands": [],
 "assets": [],
 "platforms": {},
 "haste": {
 "providesModuleNodeModules": [],
 "platforms": []
 },
 "project": {}
}

Using nohoist or installing react-native inside packages/mobile instead of the root is not an option because that causes a range of other issues.

Reproducible Demo

Branch rn61 with error: https://github.com/brunolemos/react-native-web-monorepo/tree/rn61
Branch master working, with workarounds: https://github.com/brunolemos/react-native-web-monorepo

[subashtimalsina]

I am also facing the same problem though my react-native version is 0.59, I couldn't fix this issue. If you have any optional idea please share me.

[bensonyang2015]

I met the same problem and I got it to work by adding a file react-native.config.js to describe my custom android project info.
check this document.

[brunolemos]

Is it possible to upgrade to react-native 0.61 on a monorepo while this is not fixed? Any older version of @react-native-community/cli I can use that would work? I'm holding off upgrading just because of this (still at 0.59).

[Blizard]

We have exactly the same problem for 0.60.5. Same project structure setup. We've got this error when we set autolinking as it's described here.

Any idea what to do?

[brunolemos]

I was able to workaround this issue by disabling auto linking. Here's the commit diff.

But I'm still stuck at 0.59 because when trying to upgrade to 0.60.5 I get this error and to 0.61 I get something similar to this error.

[brunolemos]

Successfully upgraded to react-native@0.61-rc.3 here: https://github.com/brunolemos/react-native-web-monorepo (master)

I did have to add react-native dependency to the root package.json and create a react-native.config.js though. Not a big deal but hopefully that get fixed, this workaround was not necessary on <= 0.59.

[joaovpmamede]

@brunolemos is auto linking working for you on this new version?

[brunolemos]

@joaovpmamede haven't tried yet, please fork and try: https://github.com/brunolemos/react-native-web-monorepo

[luco]

Getting this as well.

[joaovpmamede]

Auto link didn't work for me.

[Jyrno42]

Having same issue with an example app of a package which contains no native modules.

E: Adding this to react-native.config.js resolved the issue:

	project: {
		ios: {
			project: 'example/ios/Example.xcodeproj'
		},
		android: {
			sourceDir: 'example/android'
		}
	},

[grabbou]

@brunolemos

I did have to add react-native dependency to the root package.json and create a react-native.config.js though. Not a big deal but hopefully that gets fixed, this workaround was not necessary on <= 0.59.

I have tried your repository and I don't think this is a correct way to run things.

The problem that appears here is that you have set sourceDir to be <root>/packages/mobile/android.

The CWD is: <root>/packages/mobile at the time of running your script (via yarn workspace mobile).

As a result, React Native CLI tries to look for Android files inside <root>/packages/mobile/packages/mobile/android, which produces null and as a result, makes Android files check for packageName of null.

Right now, the paths are relative to the CWD. Maybe they should be relative to the location of the configuration file, but that would be a change.