Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
samtsai opened this issue Aug 28, 2024 · 6 comments
Labels
bug Something isn't working

Comments

@samtsai
Copy link

samtsai commented Aug 28, 2024

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
Copy link
Collaborator

dannyhw commented Aug 28, 2024

@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
Copy link
Author

samtsai commented Aug 28, 2024

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
Copy link
Collaborator

dannyhw commented Aug 28, 2024

@samtsai thanks for checking 🙏

I will follow up and see about fixing the website version

@danstepanov
Copy link
Collaborator

@danstepanov
Copy link
Collaborator

@sammoore just went through this on the website and it seems to error out, know what's up?

@danstepanov danstepanov added the bug Something isn't working label Dec 7, 2024
@dannyhw
Copy link
Collaborator

dannyhw commented Dec 7, 2024

maybe the api needs to update its version of ces

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants