#Native wind is not configured

5 messages · Page 1 of 1 (latest)

dim cave
#

I have just installed and configured native wind and it is till not working

package.json

"dependencies": {
        "@expo/vector-icons": "^14.0.0",
        "@react-navigation/native": "^6.0.2",
        "expo": "~51.0.8",
        "expo-constants": "~16.0.1",
        "expo-font": "~12.0.5",
        "expo-linking": "~6.3.1",
        "expo-router": "~3.5.14",
        "expo-splash-screen": "~0.27.4",
        "expo-status-bar": "~1.12.1",
        "expo-system-ui": "~3.0.4",
        "expo-web-browser": "~13.0.3",
        "nativewind": "^2.0.11",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "react-native": "0.74.1",
        "react-native-gesture-handler": "~2.16.1",
        "react-native-reanimated": "~3.10.1",
        "react-native-safe-area-context": "4.10.1",
        "react-native-screens": "3.31.1",
        "react-native-web": "~0.19.10"
    },```

babel.config

```ts

module.exports = function (api) {
    api.cache(true);
    return {
        presets: ["babel-preset-expo"],
        plugins: ["nativewind/babel"],
    };
};

tailwind.config

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ["./app/**/*.{js,jsx,ts,tsx}"],
    theme: {
        extend: {},
    },
    plugins: [],
};

and the overall folder structure is also some different, when install, I already get build different components, app folder and (tabs), what shoild I follow

quick lark
#

Are you using tsx?
Making tsx to jsx fixed mine same issue I think🤔

dim cave
dim cave