使用 Rails 5.1 在 AWS Beanstalk 上编译 tailwindcss 时遇到问题

Posted

技术标签:

【中文标题】使用 Rails 5.1 在 AWS Beanstalk 上编译 tailwindcss 时遇到问题【英文标题】:Trouble compiling tailwindcss on AWS Beanstalk with Rails 5.1 【发布时间】:2018-08-06 09:47:28 【问题描述】:

我确实有这个工作,所以显然搞砸了,但无法发现什么。

我正在尝试部署到 AWS beanstalk,但我在日志中收到以下错误:

ERROR in ./node_modules/css-loader??ref--1-2!./node_modules/postcss-loader/lib??ref--1-3!./app/javascript/css/application.css
      Module build failed: Error: Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'

我正在使用 Webpack 编译顺风。 Nodejs & Yarn 安装正常。

app/javascript/packs/application.js

import '../css/application.css';

app/javascript/css/application.css & app/javascript/css/tailwind.js

两者都包含https://tailwindcss.com/docs/configuration中列出的代码

.postcs-s-rc.yml

plugins:
  postcss-import: 
  tailwindcss: 'app/javascript/css/tailwind.js'
  postcss-cssnext: 

我已经通过在 eb deploy 之前运行 NODE_ENV=production webpack 解决了之前的 webpack 问题。又试了一次,但没有骰子。

【问题讨论】:

【参考方案1】:

通过以下方式解决它:

将 tailwaindcss 移动到依赖项而不是 devDependencies 中 包.json

【讨论】:

以上是关于使用 Rails 5.1 在 AWS Beanstalk 上编译 tailwindcss 时遇到问题的主要内容,如果未能解决你的问题,请参考以下文章

使用 https 在 aws 上的 Rails 应用程序

Rails 5.1 Capistrano 使用 secrets.yml.key 部署

使用 Capistrano 部署 Rails 5.1 / Webpacker 应用程序

在 Rails 5.1 及更高版本中使用啥来代替`render :text`(和`render nothing: true`)?

使用 AWS 弹性 beanstalk 负载均衡器在 Rails 上实施 https 连接

Rails:如何使用容器从 ECS 重用 AWS 凭证