search

roninoss / create-expo-stack

CLI tool to initialize a React Native application with Expo. Provides options to include Typescript, file-based routing via Expo Router, configuration based routing via pure React Navigation, styling via Nativewind, Restyle, Unistyles, StyleSheets, or Tamagui, and/or backend as a service such as Firebase and Supabase.
https://rn.new
MIT License
1.37k stars 77 forks source link

New app fails on: "Unable to resolve module react-native-css-interop/jsx-runtime" #409

Open samtsai opened 2 weeks ago

samtsai commented 2 weeks ago

Issue tracker is ONLY used for reporting bugs. New features should be discussed on our discord, in the #create-expo-stack channel.

Followed the steps on the website with: pnpm, expo router, NativeWindUI, all the available components: ╭────────────────────────────────────────────────╮ │ │ │ Click the link to download your project! │ │ │ │ https://dlp.rn.new/bR2sJxm17h │ │ │ ╰────────────────────────────────────────────────╯

Success! 🎉 Now, just run the following to get started:

  1. cd my-expo-app
  2. pnpm install
  3. pnpm expo prebuild --clean
  4. pnpm run ios

Expected Behavior

Step 4 and also via Web should load the app.

Current Behavior

I first tried with web and then also ios and both his: Unable to resolve module react-native-css-interop/jsx-runtime. image

Possible Solution

Steps to Reproduce

  1. Follow starter steps on https://rn.new/
  2. Run the app

CES Config File

{
  "cesVersion": "2.11.14",
  "projectName": "my-expo-app",
  "packages": [
    {
      "name": "nativewindui",
      "type": "styling",
      "options": {
        "selectedComponents": [
          "action-sheet",
          "activity-indicator",
          "activity-view",
          "avatar",
          "bottom-sheet",
          "date-picker",
          "picker",
          "progress-indicator",
          "ratings-indicator",
          "selectable-text",
          "slider",
          "text",
          "toggle"
        ]
      }
    },
    {
      "name": "expo-router",
      "type": "navigation",
      "options": {
        "type": "drawer + tabs"
      }
    }
  ],
  "flags": {
    "noGit": true,
    "noInstall": true,
    "overwrite": false,
    "importAlias": true,
    "packageManager": "pnpm",
    "eas": false
  },
  "packageManager": {
    "type": "pnpm",
    "version": "8.15.6"
  },
  "os": {
    "type": "Linux",
    "platform": "linux",
    "arch": "x64",
    "kernelVersion": "6.10.3-arch1-1.1"
  }
}
dannyhw commented 2 weeks ago

@samtsai thanks for the report, we've recently been fixing some stuff around pnpm, I think we might need to update the website project generation.

If you try the same thing with the cli does it produce the same error?

samtsai commented 2 weeks ago

Okay I tried locally and it worked for both NativeWind and NativeWindUI

{
  "cesVersion": "2.11.22",
  "projectName": "expo-stack",
  "packages": [
    {
      "name": "expo-router",
      "type": "navigation",
      "options": {
        "type": "drawer + tabs"
      }
    },
    {
      "name": "nativewind",
      "type": "styling"
    }
  ],
  "flags": {
    "noGit": false,
    "noInstall": false,
    "overwrite": false,
    "importAlias": true,
    "packageManager": "pnpm",
    "eas": false
  },
  "packageManager": {
    "type": "pnpm",
    "version": "9.9.0"
  },
  "os": {
    "type": "Darwin",
    "platform": "darwin",
    "arch": "arm64",
    "kernelVersion": "23.6.0"
  }
}
{
  "cesVersion": "2.11.22",
  "projectName": "native-wind-ui",
  "packages": [
    {
      "name": "expo-router",
      "type": "navigation",
      "options": {
        "type": "drawer + tabs"
      }
    },
    {
      "name": "nativewindui",
      "type": "styling",
      "options": {
        "selectedComponents": [
          "action-sheet",
          "activity-indicator",
          "activity-view",
          "avatar",
          "bottom-sheet",
          "date-picker",
          "picker",
          "progress-indicator",
          "ratings-indicator",
          "slider",
          "text",
          "toggle"
        ]
      }
    }
  ],
  "flags": {
    "noGit": false,
    "noInstall": false,
    "overwrite": false,
    "importAlias": true,
    "packageManager": "pnpm",
    "eas": false
  },
  "packageManager": {
    "type": "pnpm",
    "version": "9.9.0"
  },
  "os": {
    "type": "Darwin",
    "platform": "darwin",
    "arch": "arm64",
    "kernelVersion": "23.6.0"
  }
}
dannyhw commented 2 weeks ago

@samtsai thanks for checking 🙏

I will follow up and see about fixing the website version

danstepanov commented 2 weeks ago

@dannyhw related? https://linear.app/ronintechnologies/issue/RON-185/add-no-install-option-for-ces-and-rnnew-integration