无法在gatsby上设置十六进制到rgba的转换

无法在gatsby上设置十六进制到rgba的转换,gatsby,postcss,rgba,Gatsby,Postcss,Rgba,我正在尝试使用postsss hexrgba转换颜色,但我的设置似乎有问题。首先,我有以下代码: 背景色:rgba(主题('colors.grey'),0.1) theme('colors.black')从某个库(#000)返回十六进制值 如果我刷新页面,我会得到: `rgba($color,$alpha)`的参数`color`必须是颜色 如果我有: 背景色:rgba(#000,0.1) 现在我相信我的设置有问题,但我无法解决 我使用的是gatsby,在我的gatsby config.js中,我

我正在尝试使用
postsss hexrgba
转换颜色,但我的设置似乎有问题。首先,我有以下代码:

背景色:rgba(主题('colors.grey'),0.1)

theme('colors.black')
从某个库(
#000
)返回十六进制值

如果我刷新页面,我会得到:

`rgba($color,$alpha)`的参数`color`必须是颜色

如果我有:

背景色:rgba(#000,0.1)

现在我相信我的设置有问题,但我无法解决

我使用的是
gatsby
,在我的
gatsby config.js
中,我有如下内容:

const pluginHexrgba = require('postcss-hexrgba');
const pluginImport = require('postcss-import');
const pluginMixins = require('postcss-mixins');

<...>

{
  resolve: 'gatsby-plugin-sass',
  options: {
    implementation: sass,
    postCssPlugins: [
      pluginImport(),
      pluginMixins(),
      pluginNested(),
      pluginVars(),
      pluginHexrgba(),
      pluginInternalUi(),
      pluginAutoprefixer(),
      pluginOptimisations(),
      pluginStats(),
      ].filter(Boolean),
    },
},
const pluginHexrgba=require('postsss-hexrgba');
const pluginImport=require('postss-import');
const pluginMixins=require('postss-mixins');
{
解析:'gatsby插件sass',
选项:{
实施:sass,
postsssplugins:[
pluginImport(),
pluginMixins(),
pluginNested(),
pluginVars(),
pluginHexrgba(),
pluginInternalUi(),
pluginAuthorPrefixer(),
pluginOptimistations(),
pluginStats(),
].过滤器(布尔值),
},
},
我确信,我的
theme()
函数返回正确的十六进制值,因为如果不是
rgba
的话,我可以使用这种情况,例如:

背景色:主题('colors.orange')


有人能帮我一下吗,已经好几个小时了,我没有谷歌搜索结果了。

主题从何而来?@ksav内部库,通过
node\u modules
作为一个包公开。有更多信息吗?主题从何而来?@ksav内部库,通过
node\u modules
作为一个包公开。有更多信息吗?