Javascript Tailwind 2.0无法在Heroku上构建

我有一个Rails应用程序，使用Tailwind

我最近升级到了Tailwind 2.0.1-compat，在我的机器上一切正常，但是当我在Heroku上部署时，我遇到了以下错误：

  ERROR in ./app/javascript/css/application.scss

  Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

  ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

  SassError: File to import not found or unreadable: tailwindcss/base.

     on line 2 of /tmp/build_fd32fb6b_/app/javascript/css/application.scss

  >> @import "tailwindcss/base";

这是我的

application.scss

文件

/*purgecss开始忽略*/
@导入“tailwindcss/base”；
@导入“tailwindcss/components”；
/*purgecss结束忽略*/
@导入“组件/实用程序”；
@导入“tailwindcss/utilities”；

这是我的“package.json”文件

{
“许可证”：“未经许可证”，
“依赖项”：{
“@fullhuman/postcss purgecss”：“^3.0.0”，
“@rails/webpacker”：“5.2.1”，
“@tailwindcss/postss7 compat”：“^2.0.1”，
“节点库浏览器”：“^2.2.1”，
“邮政编码导入”：“12”
},
“依赖性”：{
“自动刷新器”：“9”，
“邮政编码”：“7”，
“tailwindcss”：“^2.0.1-compat”，
网页包开发服务器“^3.11.0”
}
}

这是我的

postsss.config.js

文件

let环境={
插件：[
要求（“PostSS-import”），
需要（'PostSS-flexbugs-fixes'），
要求（“tailwindcss”），
需要（'autoprefixer'），
需要（'postss-preset-env'）({
自动刷新器：{
flexbox：“no-2009”
},
阶段：3
})
]
}
module.exports=环境

这是

tailwind.config.js

文件

module.exports={
清除：{
内容：[
“./app/***.html.erb”，
“./app/helpers/***.rb”，
“./app/javascript/***.js”
],
},
暗模式：false、//或“媒体”或“类”
主题：{
fontFamily：{
显示：['Nunito'，'system ui'，'sans serif']，
正文：['Nunito'，'system ui'，'sans serif']，
},
扩展：{
颜色：{
主要：{
默认值：'#d742a8'，
深色：“#d537a3”，
},
中学：{
默认值：'#464ba4'，
深色：“#3f4392”
},
},
}
},
变体：{
扩展：{
显示：[“组悬停”]，
不透明度：[“组悬停”]，
}
},
插件：[]，
}

有人能帮我找出我的实现有什么问题吗？谢谢