search

nrwl / nx

Smart Monorepos · Fast CI
https://nx.dev
MIT License
23.36k stars 2.33k forks source link

Nx run-ios does not compile on Apple M1 with freshly installed tools and fresh workspace #22316

Open caiorg opened 6 months ago

caiorg commented 6 months ago

Current Behavior

iOS app not building even with freshly installed tools (node 20 via nvm or latest yarn via corepack).

When running npx nx mobile:run-ios (my project's name is 'mobile'), Metro starts and waits for app building process to complete.

That's when the error happens. The app does not build and I get the error: CompileC <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FlipperPlatformWebSocket.o <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm normal arm64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods')

Expected Behavior

Have the app built without errors, installed and executed in iOS simulator

GitHub Repo

No response

Steps to Reproduce

  1. Run npx create-nx-workspace@latest <workspace-name> 1.1. Stack: React 1.2. Framework: React Native 1.3. Application Name: mobile 1.4. Nx Cloud: Skip for now
  2. cd <workspace-name>
  3. Run npx nx run mobile:pod-install
  4. Run npx nx run mobile:run-ios

NOTES:

Nx Report

Node   : 20.11.0
OS     : darwin-arm64
npm    : 10.2.4

nx                 : 18.0.8
@nx/js             : 18.0.8
@nx/jest           : 18.0.8
@nx/linter         : 18.0.8
@nx/eslint         : 18.0.8
@nx/workspace      : 18.0.8
@nx/detox          : 18.0.8
@nx/devkit         : 18.0.8
@nx/eslint-plugin  : 18.0.8
@nx/react          : 18.0.8
@nx/react-native   : 18.0.8
@nrwl/tao          : 18.0.8
@nx/web            : 18.0.8
@nx/webpack        : 18.0.8
typescript         : 5.3.3

Failure Logs

<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/Headers/Private/Flipper/FlipperTransportTypes.h:29:14: error: no template named 'function' in namespace 'std'
typedef std::function<void(const std::string& message)> SocketMessageHandler;
        ~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/Headers/Private/Flipper/FlipperTransportTypes.h:38:14: error: no template named 'function' in namespace 'std'
typedef std::function<std::string(char* password, size_t length)>
        ~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/Headers/Private/Flipper/FlipperTransportTypes.h:45:14: error: no template named 'function' in namespace 'std'
typedef std::function<void()> SocketSendHandler;
        ~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/Headers/Private/Flipper/FlipperTransportTypes.h:54:14: error: no template named 'function' in namespace 'std'
typedef std::function<void(std::string response, bool isError)>
        ~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:58:46: error: called object type 'facebook::flipper::SocketCertificateProvider' (aka 'int') is not a function or function pointer
  auto certificatePath = _certificateProvider(&PASSWORD[0], 512);
                         ~~~~~~~~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:157:32: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
      strongSelf->_eventHandler(facebook::flipper::SocketEvent::ERROR);
      ~~~~~~~~~~~~~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:188:16: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
  _eventHandler(facebook::flipper::SocketEvent::CLOSE);
  ~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:224:16: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
  _eventHandler(facebook::flipper::SocketEvent::OPEN);
  ~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:245:18: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
    _eventHandler(facebook::flipper::SocketEvent::SSL_ERROR);
    ~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:247:18: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
    _eventHandler(facebook::flipper::SocketEvent::ERROR);
    ~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:258:16: error: called object type 'facebook::flipper::SocketEventHandler' (aka 'int') is not a function or function pointer
  _eventHandler(facebook::flipper::SocketEvent::CLOSE);
  ~~~~~~~~~~~~~^
<REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:264:20: error: called object type 'facebook::flipper::SocketMessageHandler' (aka 'int') is not a function or function pointer
    _messageHandler([response UTF8String]);
    ~~~~~~~~~~~~~~~^

[...]

warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'Mobile' from project 'Mobile')
warning: Run script build phase '[CP-User] [Hermes] Replace Hermes for the right configuration, if needed' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'hermes-engine' from project 'Pods')

[...]

xcodebuild: WARNING: Using the first of multiple matching destinations:
{ platform:iOS Simulator, id:36AC42FF-53C2-4611-93E4-DD58B54C23BB, OS:17.4, name:iPhone SE (3rd generation) }
{ platform:iOS Simulator, id:36AC42FF-53C2-4611-93E4-DD58B54C23BB, OS:17.4, name:iPhone SE (3rd generation) }
** BUILD FAILED **

CompileC <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FKUserDefaultsPlugin.o <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/Plugins/FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.m normal arm64 objective-c com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods')
    cd <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods
    /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -x objective-c -ivfsstatcache <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/SDKStatCaches.noindex/iphonesimulator17.4-21E210-aa93b11c43e2d16681ac3fa171344f4f.sdkstatcache -fmessage-length\=0 -fdiagnostics-show-note-include-stack -fmacro-backtrace-limit\=0 -fno-color-diagnostics -fmodules-prune-interval\=86400 -fmodules-prune-after\=345600 -fbuild-session-file\=<REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/ModuleCache.noindex/Session.modulevalidation -fmodules-validate-once-per-build-session -Wnon-modular-include-in-framework-module -Werror\=non-modular-include-in-framework-module -Wno-trigraphs -Wno-missing-field-initializers -Wno-missing-prototypes -Werror\=return-type -Wdocumentation -Wunreachable-code -Wno-implicit-atomic-properties -Werror\=deprecated-objc-isa-usage -Wno-objc-interface-ivars -Werror\=objc-root-class -Wno-arc-repeated-use-of-weak -Wimplicit-retain-self -Wduplicate-method-match -Wno-missing-braces -Wparentheses -Wswitch -Wunused-function -Wno-unused-label -Wno-unused-parameter -Wunused-variable -Wunused-value -Wempty-body -Wuninitialized -Wconditional-uninitialized -Wno-unknown-pragmas -Wno-shadow -Wno-four-char-constants -Wno-conversion -Wconstant-conversion -Wint-conversion -Wbool-conversion -Wenum-conversion -Wno-float-conversion -Wnon-literal-null-conversion -Wobjc-literal-conversion -Wshorten-64-to-32 -Wpointer-sign -Wno-newline-eof -Wno-selector -Wno-strict-selector-match -Wundeclared-selector -Wdeprecated-implementations -Wno-implicit-fallthrough -fstrict-aliasing -Wprotocol -Wdeprecated-declarations -Wno-sign-conversion -Winfinite-recursion -Wcomma -Wblock-capture-autoreleasing -Wstrict-prototypes -Wno-semicolon-before-method-body -Wunguarded-availability -index-store-path <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Index.noindex/DataStore @<REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/e6072d4f65d7061329687fe24e3d63a7-common-args.resp -DDEBUG\=1 -DFLIPPER_OSS\=1 -DFB_SONARKIT_ENABLED\=1 -DFOLLY_HAVE_BACKTRACE\=1 -DFOLLY_HAVE_CLOCK_GETTIME\=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE\=1 -DFOLLY_USE_LIBCPP\=1 -DFOLLY_HAVE_LIBGFLAGS\=0 -DFOLLY_HAVE_LIBJEMALLOC\=0 -DFOLLY_HAVE_PREADV\=0 -DFOLLY_HAVE_PWRITEV\=0 -DFOLLY_HAVE_TFO\=0 -DFOLLY_USE_SYMBOLIZER\=0 -include <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/Target\ Support\ Files/FlipperKit/FlipperKit-prefix.pch -MMD -MT dependencies -MF <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FKUserDefaultsPlugin.d --serialize-diagnostics <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FKUserDefaultsPlugin.dia -c <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/Plugins/FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.m -o <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FKUserDefaultsPlugin.o -index-unit-output-path /Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FKUserDefaultsPlugin.o
clang: error: unable to execute command: Interrupt: 2

---

The following build commands failed:
        CompileC <REDACTED for privacy - HOME folder>/Library/Developer/Xcode/DerivedData/Mobile-dmgohxydoupmpaczzqhhcrpocyod/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FlipperPlatformWebSocket.o <REDACTED for privacy - HOME folder>/Development/Labs/shared-components-nx-monorepo/apps/mobile/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm normal arm64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods')
(1 failure)

Package Manager Version

npm 10.2.4 / yarn 4.1.1

Operating System

Additional Information

Found out about NX through the article One codebase for React and React-native with Nx monorepos. Also tried following Getting started / Intro with React Native platform BTW... there's another very similiar issue about this problem, issue #16910

caiorg commented 6 months ago

Nothing yet? I know you guys are very busy, but if you can shine a light would be great! I'm also trying to find a solution on my own, with no success so far.

helloiambguedes commented 6 months ago

I'm facing a similar error but I'm not using NX Not sure if this is related with it or not but will update as soon as I get more info

helloiambguedes commented 6 months ago

@caiorg have you seen this? https://github.com/facebook/react-native/issues/43335

caiorg commented 6 months ago

@helloiambguedes

@caiorg have you seen this? facebook/react-native#43335

Just looked at it and still no success.

The weird thing is I can it to work OUTSIDE a monorepo/workspaces folder with:

With all those steps, the app is created, packages and pods are installed, the app is built and run successfully on my iOS simulator.

helloiambguedes commented 6 months ago

@caiorg in my case I had to disable Flipper for it to work But if you can run it outside the monorepo maybe it has something to do with NX's magic

I'm not using NX, just did a small POC in the early stages I'm sorry I can't give much help here 😞

caiorg commented 6 months ago

@caiorg in my case I had to disable Flipper for it to work But if you can run it outside the monorepo maybe it has something to do with NX's magic

I'm not using NX, just did a small POC in the early stages I'm sorry I can't give much help here 😞

Yeah... I've also disabled it with no success, unfortunately.

Outside a monorepo structure, it seams to work fine after running a few more commands. RNs documentation is not thorough.

The only thing I'm suspicious is RN does not quite like monorepos, but I can't confirm right now.

pabmac commented 6 months ago

you can try the following (it's working for me):

We had similar issue when updating xCode to 15.3 version. The issue was associated with Flipper as well.

The issue was with FlipperTransportTypes.h file. the issue throws No template named 'function' in namespace 'std'

The Fix was adding #include after #include statement.

If you still have issues after that than you might need to add it to some other files.

This will solve your problem.

https://stackoverflow.com/questions/78120545/failed-to-build-ios-project-we-ran-xcodebuild-command-but-it-exited-with-erro

caiorg commented 6 months ago

you can try the following (it's working for me):

We had similar issue when updating xCode to 15.3 version. The issue was associated with Flipper as well. The issue was with FlipperTransportTypes.h file. the issue throws No template named 'function' in namespace 'std' The Fix was adding #include after #include statement. If you still have issues after that than you might need to add it to some other files. This will solve your problem.

https://stackoverflow.com/questions/78120545/failed-to-build-ios-project-we-ran-xcodebuild-command-but-it-exited-with-erro

Already looked into it. In newer versions of React Native, that line is already added.

Also tried disabling Flipper, which was a solution for some. Not for me, unfortunately.

airowe commented 6 months ago

@caiorg - The patch in Flipper pod worked for me. Is it possible you need to cd into ios, pod deintegrate && pod install? I wonder if you have some lingering caches hanging around. Might want to delete your metro and .nx caches as well.

caiorg commented 6 months ago

@caiorg - The patch in Flipper pod worked for me. Is it possible you need to cd into ios, pod deintegrate && pod install? I wonder if you have some lingering caches hanging around. Might want to delete your metro and .nx caches as well.

Sorry for the delay...

Tested it without success.

Tried everything I could find on the web about, found a few "solutions", none of them worked. Also for every test, I start from scratch.

nikkahel commented 6 months ago

Are any updates? I have same problem

caiorg commented 6 months ago

Are any updates? I have same problem

Unfortunately not from me and I'm kinda giving up. I feel like tested everything I could imagine or find on the internet.

What makes me sad is that I haven't heard from any maintainer since I've open this issue.

The only thing that kinda worked was:

  1. starting a fresh workspace with RN template (as instructed by the docs)
  2. npm install
  3. cding into ios folder
  4. bundle install
  5. NO_FLIPPER=1 pod install or NO_FLIPPER=1 bundle exec pod install
  6. back to root folder
  7. finally npx nx run-ios <rn app name>

But even that it is not working anymore, not sure why.

A few things were CRUCIAL to make it work (when it was working... 😞) and they where steps 4 and 5, specially step 5 with the flag NO_FLIPPER=1.

I really liked NX solution and hoped it would be a huge help on developing apps React Native, ReactJS and shared libraries (was looking forward to use React Native Web). I got so mentally tired trying every bit of solution I managed to find, that I'm not sure if this is worth pursuing anymore.

oleksolv commented 6 months ago

Hi all!

@caiorg found the solution that worked for me:

  1. Clear the project: git clean -fdx.
  2. Clear all caches: pod, watchman, react-native, etc.
  3. Update react-native to the latest version: 0.73.6 (After nx generate it was 0.73.2). React Native Upgrade Helper.
  4. Please note that CocoaPods version should be less than 0.15 😀. I use version 0.14.3. In the rn update guide, you will see the bug note.
  5. Then common steps: npm i, pod install.
  6. Try running iOS again.

Hope it will help!

caiorg commented 6 months ago

Hi all!

@caiorg found the soilution that worked for me:

  1. Clear the project: git clean -fdx.
  2. Clear all caches: pod, watchman, react-native, etc.
  3. Update react-native to the latest version: 0.73.6 (After nx generate it was 0.73.2). React Native Upgrade Helper.
  4. Please note that CocoaPods version should be less than 0.15 😀. I use version 0.14.3. In the rn update guide, you will see the bug note.
  5. Then common steps: npm i, pod install.
  6. Try running iOS again.

Hope it will help!

I'll try that as soon as I can. Will come back with the results.

Thx!

caiorg commented 5 months ago

Hi all!

@caiorg found the solution that worked for me:

  1. Clear the project: git clean -fdx.
  2. Clear all caches: pod, watchman, react-native, etc.
  3. Update react-native to the latest version: 0.73.6 (After nx generate it was 0.73.2). React Native Upgrade Helper.
  4. Please note that CocoaPods version should be less than 0.15 😀. I use version 0.14.3. In the rn update guide, you will see the bug note.
  5. Then common steps: npm i, pod install.
  6. Try running iOS again.

Hope it will help!

Hey @oleksolv, sorry for the delay.

I've tried your suggestion without success. Also tried on another MacBook Pro (exact same model as mine) and got the EXACT same error!

Gaurav-MobDev commented 5 months ago
Screenshot 2024-04-09 at 11 02 56 PM

The solution is already mentioned in the comments in podfile

caiorg commented 5 months ago
Screenshot 2024-04-09 at 11 02 56 PM

The solution is already mentioned in the comments in podfile

That would be the solution IF react-native-flipper was being used, as the comment states. Since the only 4 times react-native-flipper appears in the whole codebase (considering a freshly created project) is exactly in those comment lines, that solution is not applicable, also that reinforces the need to use NO_FLIPPER=1.

In my screenshot, the line 20 is not commented out and I did not touch at all this file. Screenshot 2024-04-10 at 15 16 52

Anyways, I really appreciate you taking your time and trying to help!

Afeezagbaje commented 5 months ago

I'm also facing the same thing... I hope there is a solution soon.

caiorg commented 5 months ago

Being honest? I just gave up the idea for now, as it was on a proof of concept stage and doesn't make sense spending more time right now. Also the fact that no NX contributor has ever commented something here, shows this matter is of a low criticality for them (if they even took time to read) and is discouraging.

LawrenceMoore commented 4 months ago

Had the same issue this solved it for me:

Screenshot 2024-06-02 at 10 32 16 AM

https://stackoverflow.com/questions/78120545/failed-to-build-ios-project-we-ran-xcodebuild-command-but-it-exited-with-erro

thongle12 commented 1 month ago

on FlipperTransportTypes.h file adding #include after #include statement.

CruzNadin commented 1 month ago

Are any updates? I have same problem

Unfortunately not from me and I'm kinda giving up. I feel like tested everything I could imagine or find on the internet.

What makes me sad is that I haven't heard from any maintainer since I've open this issue.

The only thing that kinda worked was:

  1. starting a fresh workspace with RN template (as instructed by the docs)
  2. npm install
  3. cding into ios folder
  4. bundle install
  5. NO_FLIPPER=1 pod install or NO_FLIPPER=1 bundle exec pod install
  6. back to root folder
  7. finally npx nx run-ios <rn app name>

But even that it is not working anymore, not sure why.

A few things were CRUCIAL to make it work (when it was working... 😞) and they where steps 4 and 5, specially step 5 with the flag NO_FLIPPER=1.

I really liked NX solution and hoped it would be a huge help on developing apps React Native, ReactJS and shared libraries (was looking forward to use React Native Web). I got so mentally tired trying every bit of solution I managed to find, that I'm not sure if this is worth pursuing anymore.

Forked for me, thank you.