Expo 下 tailwind.config.js 中的自定义插件无法正常工作

Question

我在世博会项目中使用

tailwindcss

，并且我尝试在自定义插件功能中使用一些自定义颜色，但是，我收到错误消息

Error: tailwindcss plugin function argument object prop "colors.primary" not implemented, js engine: hermes

同时，如果我只是注释掉该行

theme("colors.primary")

。 然后我测试

addComponents

功能，它继续告诉我另一个错误

Error: tailwindcss plugin function argument object prop "[object Object]" not implemented, js engine: hermes

我的tailwind.config.js是这样的

const plugin = require("tailwindcss/plugin");
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: "#1F9D55",
        secondary: "#B7DDC1",
        tertiary: "#F7FFF9"       
      },
    },
  },
  plugins: [
    plugin(function ({ addComponents, theme }) {
      
      //it should be print out '#1F9D55', which the color value defined above
      console.log(theme("colors.primary")); 
      // it should register a new class called `heading3`
     addComponents({
        ".heading3": {
          fontSize: "1rem",
          lineHeight: "26px",
          "@screen md": {
            fontSize: "24px",
            lineHeight: "32px",
          },
        },
      });
    }),
  ],
};

有人有一些关于如何在expo下的tailwindcss中使用自定义插件的经验吗？
PS：我使用

nativewind

将tailwindcss与expo结合起来。

Answer 1

哦，我明白了，看起来这个错误是从

twrnc

打印出来的，这是另一个可以在运行时使用 tailwindcss 配置的库。这个库只实现了一种插件方法，即

addUtilities

。所以我可以像这样编写自定义插件

 plugins: [
    plugin(function ({ addUtilities  }) {
     addUtilities({
        ".heading3": {
          fontSize: "1rem",
          lineHeight: "26px"          
        },
      });
    }),
  ],