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

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

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

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Sass

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

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

解決済

1回答

1093閲覧

LaradockでSassを使えるようにしたい。

heeero75

総合スコア5

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Sass

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

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2020/05/10 08:35

前提・実現したいこと

Docker環境にてLaravelを用いてWebサイトを作成中です。
Docker環境にて、LaradockにてSassを使えるようにしたいのですが、エラーが発生しました。
解決策をご教授願います。

発生している問題・エラーメッセージ

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2020-05-10T07_41_47_416Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ watch: npm run development -- --watch
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ watch script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2020-05-10T07_41_47_468Z-debug.log

下記は、/root/.npm/_logs/2020-05-10T07_41_47_468Z-debug.logのログ内容になります。

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli '/home/laradock/.nvm/versions/node/v14.0.0/bin/node',
1 verbose cli '/home/laradock/.nvm/versions/node/v14.0.0/bin/npm',
1 verbose cli 'run',
1 verbose cli 'watch'
1 verbose cli ]
2 info using npm@6.14.4
3 info using node@v14.0.0
4 verbose run-script [ 'prewatch', 'watch', 'postwatch' ]
5 info lifecycle @~prewatch: @
6 info lifecycle @~watch: @
7 verbose lifecycle @~watch: unsafe-perm in lifecycle true
8 verbose lifecycle @~watch: PATH: /home/laradock/.nvm/versions/node/v14.0.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/var/www/Myproject/node_modules/.bin:/home/laradock/.yarn/bin:/home/laradock/.nvm/versions/node/v14.0.0/bin:/root/.composer/vendor/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/var/www/vendor/bin
9 verbose lifecycle @~watch: CWD: /var/www/Myproject
10 silly lifecycle @~watch: Args: [ '-c', 'npm run development -- --watch' ]
11 silly lifecycle @~watch: Returned: code: 1 signal: null
12 info lifecycle @~watch: Failed to exec watch script
13 verbose stack Error: @ watch: npm run development -- --watch
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (/home/laradock/.nvm/versions/node/v14.0.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:315:20)
13 verbose stack at ChildProcess.<anonymous> (/home/laradock/.nvm/versions/node/v14.0.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:315:20)
13 verbose stack at maybeClose (internal/child_process.js:1051:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5)
14 verbose pkgid @
15 verbose cwd /var/www/Myproject
16 verbose Linux 4.14.154-boot2docker
17 verbose argv "/home/laradock/.nvm/versions/node/v14.0.0/bin/node" "/home/laradock/.nvm/versions/node/v14.0.0/bin/npm" "run" "watch"
18 verbose node v14.0.0
19 verbose npm v6.14.4
20 error code ELIFECYCLE
21 error errno 1
22 error @ watch: npm run development -- --watch
22 error Exit status 1
23 error Failed at the @ watch script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

該当のソースコード

npm run watch

試したこと

下記記事の対応策は試しましたが、エラーは消えませんでした。

https://takaolab.com/laradock-sass-config/
https://takaolab.com/resolution-cross-env-not-found/
https://qiita.com/wafuwafu13/items/2fe43414aa6e1899f494

補足情報(FW/ツールのバージョンなど)

【OS】windows10home

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

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

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

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

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

guest

回答1

0

ベストアンサー

sassのコンパイルエラーはたいていこれがインスコされていないケースが多いです。
インスコされていたらごめんなさい・・・

https://github.com/felixrieseberg/windows-build-tools

投稿2020/05/10 12:57

comefigo

総合スコア1045

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

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

comefigo

2020/05/12 15:06

失礼しました。Windows環境で開発されていると勘違いしていました。 Nodeのコンテナ内で開発されているのであれば、npm install -g node-gypでOKですね。
heeero75

2020/05/15 13:54

ありがとうございます。上記で解決いたしました!
comefigo

2020/05/15 15:44

よかったです!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問