Techioz Blog

これを修正するにはどうすればよいですか? SassC::SyntaxError: エラー: インポートするファイルが見つからないか、読み取れません: tailwindcss/base

概要

Preparing app for Rails asset pipeline
remote:        Running: rake assets:precompile
remote:        
remote:        Done in 346ms.
remote:        rake aborted!
remote:        SassC::SyntaxError: Error: File to import not found or unreadable: tailwindcss/base.
remote:                on line 126:1 of stdin
remote:        >> @import "tailwindcss/base";

解決策

サードパーティ製の gem に sassc が必要かどうか、Gemfile.lock を確認してください。 Gemfile 内の sass-rails を通じてのみ定義されている場合は、削除してみてください。 sass/scsss コンパイラ/コンプレッサーが必要な場合は、sass-rails を dartsass-rails に置き換えてみてください。これで修正されるはずです。サードパーティの gem からの sassc に強い依存関係がある場合は (Gemfile.lock ファイルを確認してください)、読み続けてください。

tailwindcss を tailwindcss-rails のように動作させるために他のアセット パイプラインに移動し、それを使用する他の gem がある場合は、構成/アプリケーションでこの行を定義して既存の CSS コンプレッサーを使用する Rails アセット パイプラインを無効にする必要があります。 RB:

# Add this to config/application.rb to stop any css compressor
config.assets.css_compressor = nil

依存関係の原因と修正方法を特定する方法については、「Ruby on Rails 7.0 での SassC::SyntaxError の分析」を参照してください。