Babel“plugins”不是有效的插件属性？

Question

我正在尝试让 Nativewind 参与我的 Expo React-Native 项目。但我不断收到以下错误：

iOS Bundling failed 3618ms (C:\Documents\project\node_modules\expo-router\entry.js) error: app\index.jsx: [BABEL] C:\Documents\project\app\index.jsx: .plugins is not a valid Plugin property

这是我的 babel.config.js

// babel.config.js
module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    plugins: ["nativewind/babel"], //The error no longer appears if I comment out this line.
  };
};

还有我的 tailwind.config.js

// tailwind.config.js
module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
};

我尝试删除plugins属性，但nativewind不起作用。我正在关注nativewind快速入门文档，但没有看到任何提及此类问题的信息。

Answer 1

您的 Expo Respond Local 项目中的 nativewind/babel 插件的设计方式似乎可能存在问题。

1. 检查插件兼容性： 确保您使用的本地 Wind/babel 版本与您的 Expo 和 Respond Local 表单一致。
2. 升级 Babel 设置： 尝试彻底修改你的 babel.config.js 以明确指示 babel-plugin-native Wind 插件，而不是使用原生的 Wind/babel。 你将如何做到：

// babel.config. js module.exports = work (api) {api.cache(true); return {presets:["babel-preset-expo"],plugins:["babel-plugin-nativewind"], // 修改此行};};

1.检查条件： 毫无疑问，所有条件，包括babel-插件-原生风，都已正确引入并且是最新的。您可以尝试通过运行 npm import 或yarn import 来删除 node_modules 注册表并重新安装环境。 2.展会兼容性： 确认本土风捆绑与世博项目一致。有时，某些库或插件可能与 Expo 的监督工作流程不完全一致。 3. 展会资料： 检查世博会文件或社区聚会，看看是否存在与世博会企业利用本地风有关的任何已知问题或安排。