質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
IntelliJ IDEA

IntelliJ IDEA(インテリジェイ アイディア)は、JetBrains社が開発した、 JavaやScalaなどで利用される統合開発環境です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

compass

CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

解決済

CompassによるSCSSのコンパイルに失敗する

kefi3104
kefi3104

総合スコア0

IntelliJ IDEA

IntelliJ IDEA(インテリジェイ アイディア)は、JetBrains社が開発した、 JavaやScalaなどで利用される統合開発環境です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

compass

CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

1回答

0評価

0クリップ

7172閲覧

投稿2016/04/30 03:13

編集2022/01/12 10:58

Intellij IDEAにてCompassを使おうとしているのですが、どうしても以下のエラーが消えません。

Individual stylesheets must be in the sass directory\.

File Watcherを使わずに直接コマンドラインでコンパイルをしようとしても同じ同じエラーが出ます。

compass compile \[scssのディレクトリパス\] \[cssのディレクトリパス\] -c \[config\.rbのディレクトリパス\]

以下を参考に、設定はすべて完了しているはずなのですが・・・
[http://blog\.jetbrains\.com/jp/2013/12/10/326\]\(http://blog\.jetbrains\.com/jp/2013/12/10/326\)

config.rbのパスは何度確認しても間違いはありませんし、パス名に日本語も使われていません。
config.rbの内容は以下です。

ruby

# Compass is a great cross-platform tool for compiling SASS\. # This compass config file will allow you to # quickly dive right in\. # For more info about compass \+ SASS: http://net\.tutsplus\.com/tutorials/html-css-techniques/using-compass-and-sass-for-css-in-your-next-project/ ######### # 1\. Set this to the root of your project when deployed: http_path = "/" # 2\. probably don't need to touch these css_dir = "\.\./css" sass_dir = "\./" images_dir = "\.\./images" javascripts_dir = "\.\./js" environment = :development relative_assets = true # 3\. You can select your preferred output style here \(can be overridden via the command line\): output_style = :expanded # 4\. When you are ready to launch your WP theme comment out \(3\) and uncomment the line below # output_style = :compressed # To disable debugging comments that display the original location of your selectors\. Uncomment: # line_comments = false # don't touch this preferred_syntax = :scss

他に確認するべきところがあればご教授いただけますと幸いですm(_ _)m

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

IntelliJ IDEA

IntelliJ IDEA(インテリジェイ アイディア)は、JetBrains社が開発した、 JavaやScalaなどで利用される統合開発環境です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

compass

CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。