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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Sass

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

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

0回答

1040閲覧

gulp-sassでSegmentation faultが発生する

momoyuri

総合スコア35

Sass

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

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

0クリップ

投稿2019/08/16 09:53

編集2019/08/16 09:56

dockerで作ったコンテナ上でgulp-sassを使って開発を行っております。
そこでコンパイルをした時にSegmentation faultが発生してしまって困っております。

a.scss

footer { #footer-upper { #follow-us { nav { ul { li { &:nth-child(1) { a { div { &::before, &::after { background-image: linear-gradient(90deg, #514ba4, #f81a5b); } } } } } } } } } }

こちらのような階層の深い(?)時にコンパイルを実行すると、Segmentation faultが発生してしまいます。
ただ、この background-imagebackground-image: url('test.jpg'); のようにグラデーションにしない場合は問題なくコンパイルが通ります。
また、
b.scss

footer #footer-upper #follow-us nav ul li:nth-child(1) a div:before, footer #footer-upper #follow-us nav ul li:nth-child(1) a div:after { background-image: linear-gradient(90deg, #514ba4, #f81a5b); }

こちらのように、cssっぽく書くとSegmentation faultは発生していません。

a.scssを

footer { #footer-upper { #follow-us { nav { ul { li { &:nth-child(1) { a { &::before, &::after { background-image: linear-gradient(90deg, #514ba4, #f81a5b); } } } } } } } } }

のように、一部divを省いたりすると、Segmentation faultは発生しなくなります。

これを回避する方法はあるのでしょうか?
もしご存知の方がいらっしゃいましたら、ご教授頂けますと幸いでございます。

何卒、よろしくお願いいたします。

作成しているDokcerfile等は下記になります。

node/Dockerfile

FROM node:7.4-alpine # install libraries RUN apk add --update \ bash \ lcms2-dev \ libpng-dev \ libjpeg-turbo-dev \ gcc \ g++ \ make \ autoconf \ automake \ curl-dev \ curl \ pkgconfig \ libtool \ nasm \ build-base \ zlib-dev \ && rm -rf /var/cache/apk/* RUN curl -0 -L https://registry.npmjs.org/npm/-/npm-6.5.0.tgz | tar zxvf - && \ cd package && ./configure && make && make install

docker-compose.yml

version: '3' services: node: build: ./Dockerfiles/node tty: true

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問