求助：Expo React Native项目中Native Wind无法正常工作

根据你提供的配置文件，问题主要出在tailwind.config.js的content路径配置上，配合缓存清理即可解决：

1. 修正Tailwind内容扫描路径 #

你的tailwind.config.js中content仅包含./App/**/*下的文件，但根目录的App.js不在这个范围内，导致Tailwind无法扫描到该文件里的className并生成对应样式。修改content配置，将根目录的所有相关文件纳入扫描：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App/**/*.{js,jsx,ts,tsx}",
    "./**/*.{js,jsx,ts,tsx}" // 新增该行，覆盖根目录文件
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

2. 清除Expo缓存 #

旧缓存可能导致样式无法更新，运行以下命令重启项目：

expo start -c

额外检查点 #

• 确认babel.config.js中的nativewind/babel插件无拼写错误，你的配置是正确的。
• 你的nativewind@2.0.11与tailwindcss@3.3.2版本兼容，无需调整版本。

完成以上操作后，Native Wind的样式即可正常生效。

内容的提问来源于stack exchange，提问作者Taimoor Hamza