tailwindcss 排版“SassC::SyntaxError：错误：类型的未终止属性选择器”答案

【问题标题】：tailwindcss typography "SassC::SyntaxError: Error: unterminated attribute selector for type"tailwindcss 排版“SassC::SyntaxError：错误：类型的未终止属性选择器”
【发布时间】：2021-10-24 03:40:14
【问题描述】：

我升级了tailwindcss-rails gem，在编译生产资产时遇到了这个错误：

bundle exec rails assets:precompile
rails aborted!
SassC::SyntaxError: Error: unterminated attribute selector for type
        on line 1009:16 of stdin
>> .prose ol[type="A" s] {

   ---------------^
/home/circleci/project/vendor/bundle/ruby/3.0.0/bundler/gems/sassc-ruby-4fce2b635ca5/lib/sassc/engine.rb:50:in `render'
/home/circleci/project/vendor/bundle/ruby/3.0.0/gems/sassc-rails-2.1.2/lib/sassc/rails/compressor.rb:29:in `call'
/home/circleci/project/vendor/bundle/ruby/3.0.0/gems/sprockets-4.0.2/lib/sprockets/sass_compressor.rb:30:in `call'

【问题讨论】：

标签： ruby-on-rails tailwind-css sprockets

【解决方案1】：

问题是 libsass / sassc 不支持这种新的 CSS 规则语法。

所以我最终分叉了 tailwindcss-rails 并删除了额外的东西。

在 GitHub 上：https://github.com/dorianmariefr/tailwindcss-rails/tree/minimal

你可以像这样在你的Gemfile中使用它：

gem "tailwindcss-rails",
    github: "dorianmariefr/tailwindcss-rails",
    branch: "minimal"

【讨论】：

我遇到了一个类似的问题，我无法使用@tailwind/typography，我最终所做的是将要导入的文件的文件类型从.scss 更改为.css。虽然这可能不适合您的用例。
您是否考虑改用dart-sass？ libsass 不再处于开发阶段，并且随着前端包开始使用新的 @use 模块系统之类的东西，兼容性会越来越差。
@max 我很想改用 dart-sass，只是不知道该怎么做
我错过了您仍在使用链轮，这可能会使过渡更具挑战性。
看起来在 Rails 7 中可能已修复 github.com/rails/rails/pull/43110