thecodingmachine / react-native-boilerplate

A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).
https://thecodingmachine.github.io/react-native-boilerplate/
MIT License
4.66k stars 852 forks source link

[BUG]: `npx tsc` command is failing #415

Closed jprado closed 3 months ago

jprado commented 3 months ago

react-native environment setup

Description

Problem started since 4.1.0. The template is usable, but the tsc command doesn't run.

➜  boilerplate npx react-native@latest init MyApp --template @thecodingmachine/react-native-boilerplate@4.1.0

               ######                ######
             ###     ####        ####     ###
            ##          ###    ###          ##
            ##             ####             ##
            ##             ####             ##
            ##           ##    ##           ##
            ##         ###      ###         ##
             ##  ########################  ##
          ######    ###            ###    ######
      ###     ##    ##              ##    ##     ###
   ###         ## ###      ####      ### ##         ###
  ##           ####      ########      ####           ##
 ##             ###     ##########     ###             ##
  ##           ####      ########      ####           ##
   ###         ## ###      ####      ### ##         ###
      ###     ##    ##              ##    ##     ###
          ######    ###            ###    ######
             ##  ########################  ##
            ##         ###      ###         ##
            ##           ##    ##           ##
            ##             ####             ##
            ##             ####             ##
            ##          ###    ###          ##
             ###     ####        ####     ###
               ######                ######

                  Welcome to React Native!
                 Learn once, write anywhere

✔ Downloading template
✔ Copying template
ℹ Executing post init script
✔ 📘 Using typescript ? … no

📦 Loading the build tool...
warning " > react-native-reanimated@3.7.0" has unmet peer dependency "@babel/plugin-proposal-nullish-coalescing-operator@^7.0.0-0".
warning " > react-native-reanimated@3.7.0" has unmet peer dependency "@babel/plugin-proposal-optional-chaining@^7.0.0-0".
warning " > react-native-reanimated@3.7.0" has unmet peer dependency "@babel/plugin-transform-arrow-functions@^7.0.0-0".
warning " > react-native-reanimated@3.7.0" has unmet peer dependency "@babel/plugin-transform-shorthand-properties@^7.0.0-0".
warning " > react-native-reanimated@3.7.0" has unmet peer dependency "@babel/plugin-transform-template-literals@^7.0.0-0".
warning " > eslint-config-airbnb@19.0.4" has unmet peer dependency "eslint-plugin-react@^7.28.0".
warning " > eslint-config-airbnb@19.0.4" has unmet peer dependency "eslint-plugin-react-hooks@^4.3.0".
warning " > eslint-config-airbnb-typescript@17.1.0" has unmet peer dependency "@typescript-eslint/eslint-plugin@^5.13.0 || ^6.0.0".
🧱 Building the javascript source...
node:internal/errors:984
  const err = new Error(message);
              ^

Error: Command failed: npx tsc --jsx react-native --module ESNext -t esnext --outDir js --noEmit false
    at genericNodeError (node:internal/errors:984:15)
    at wrappedFn (node:internal/errors:538:14)
    at checkExecSyncError (node:child_process:890:11)
    at execSync (node:child_process:962:15)
    at /private/var/folders/rl/p23l_w7x4rgd1vscvwk_cc0h0000gn/T/rncli-init-template-HBormG/node_modules/@thecodingmachine/react-native-boilerplate/template/plugins/compile-js/plugin.js:53:5
    at new Promise (<anonymous>)
    at Object.apply (/private/var/folders/rl/p23l_w7x4rgd1vscvwk_cc0h0000gn/T/rncli-init-template-HBormG/node_modules/@thecodingmachine/react-native-boilerplate/template/plugins/compile-js/plugin.js:29:10)
    at applyPlugin (/private/var/folders/rl/p23l_w7x4rgd1vscvwk_cc0h0000gn/T/rncli-init-template-HBormG/node_modules/@thecodingmachine/react-native-boilerplate/template/plugins/index.js:28:15)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  status: 2,
  signal: null,
  output: [
    null,
    Buffer(121) [Uint8Array] [
      101, 114, 114, 111, 114,  32,  84,  83,  53,  48,  57,  54,
       58,  32,  79, 112, 116, 105, 111, 110,  32,  39,  97, 108,
      108, 111, 119,  73, 109, 112, 111, 114, 116, 105, 110, 103,
       84, 115,  69, 120, 116, 101, 110, 115, 105, 111, 110, 115,
       39,  32,  99,  97, 110,  32, 111, 110, 108, 121,  32,  98,
      101,  32, 117, 115, 101, 100,  32, 119, 104, 101, 110,  32,
      101, 105, 116, 104, 101, 114,  32,  39, 110, 111,  69, 109,
      105, 116,  39,  32, 111, 114,  32,  39, 101, 109, 105, 116,
       68, 101,  99, 108,
      ... 21 more items
    ],
    Buffer(0) [Uint8Array] []
  ],
  pid: 88685,
  stdout: Buffer(121) [Uint8Array] [
    101, 114, 114, 111, 114,  32,  84,  83,  53,  48,  57,  54,
     58,  32,  79, 112, 116, 105, 111, 110,  32,  39,  97, 108,
    108, 111, 119,  73, 109, 112, 111, 114, 116, 105, 110, 103,
     84, 115,  69, 120, 116, 101, 110, 115, 105, 111, 110, 115,
     39,  32,  99,  97, 110,  32, 111, 110, 108, 121,  32,  98,
    101,  32, 117, 115, 101, 100,  32, 119, 104, 101, 110,  32,
    101, 105, 116, 104, 101, 114,  32,  39, 110, 111,  69, 109,
    105, 116,  39,  32, 111, 114,  32,  39, 101, 109, 105, 116,
     68, 101,  99, 108,
    ... 21 more items
  ],
  stderr: Buffer(0) [Uint8Array] []
}

Node.js v21.7.1
error Installing pods failed. This doesn't affect project initialization and you can safely proceed.
However, you will need to install pods manually when running iOS, follow additional steps in "Run instructions for iOS" section.

✖ Processing template

info 💡 To enable automatic CocoaPods installation when building for iOS you can create react-native.config.js with automaticPodsInstallation field.
For more details, see https://github.com/react-native-community/cli/blob/main/docs/projects.md#projectiosautomaticpodsinstallation

✔ Initializing Git repository

  Run instructions for Android:
    • Have an Android emulator running (quickest way to get started), or a device connected.
    • cd "/Users/XXXXX/Sync/dev/mobile/boilerplate/MyApp" && npx react-native run-android

  Run instructions for iOS:
    • cd "/Users/XXXXX/Sync/dev/mobile/boilerplate/MyApp/ios"

    • Install Cocoapods
      • bundle install # you need to run this only once in your project.
      • bundle exec pod install
      • cd ..

    • npx react-native run-ios
    - or -
    • Open MyApp/ios/MyApp.xcworkspace in Xcode or run "xed -b ios"
    • Hit the Run button

  Run instructions for macOS:
    • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions.

Version

4.1.0 and 4.1.1

Do you use TypeScript?

On which OS this issue appear on?

Desktop OS

macOS 14.4.1 (23E224)