バージョン選択

フォーラム

メニュー

オンライン状況

40 人のユーザが現在オンラインです。 (29 人のユーザが フォーラム を参照しています。)
登録ユーザ: 2
ゲスト: 38
nanasess ando-yuji もっと...

サイト内検索

質問 > 管理機能 > sassのコンパイルがうまくいきません

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
rattsl
投稿日時: 2021/5/25 11:56
対応状況: −−−
新米
登録日: 2021/5/24
居住地:
投稿: 1
sassのコンパイルがうまくいきません
[EC-CUBE]4.0.4
[サーバ]localhost
[OS]windows10 pro
[PHP]PHP 7.4系
[データベース]MySQL
[WEBサーバ]Apache/2.4.47
[Node]v14.17.0
[npm]6.14.13
[ブラウザ]Google Chrome

お世話になっております。

現在EC-CUBEのUIを編集するために
sassを変更しcssにコンパイルしようとしています。
その際のscssのコンパイルしたものがassets/cssディレクトリ配下の.cssに反映されない状況です。
分かる方おられましたら返答いただけると幸いです。

[やったこと]
XAMPPのhtdocsにec-cube4.0.4の本体ファイルをおき、その中に独自テンプレートを作って運用中です。
apache、mysqlの起動後エラー等は特に見当たらないので、windows環境にnodeとnpmをインストールし、npm installで
Gulp等のパッケージをインストールしようとした際node-sassのバージョン周りでエラーがでました。

https://stackoverflow.com/questions/57377373/failed-at-the-node-sass4-11-0-postinstall-script-cannot-manage-to-run-this

ここと同じエラーが出ていたのでnode-sassのバージョンを変えてnpm installしたらうまくいきました。

その後ec-cube4の公式ドキュメントに従い

私が使用しているのバージョン4.0.4だったのでnpm run startをしたところ以下のようなエラーがでました。

公式ドキュメント: https://doc4.ec-cube.net/design_sass#build_eccube404

-----------------------------------------------------------------------

PS C:\xampp\htdocs\project> npm run start

> eccube@4.0.4 start C:\xampp\htdocs\project
> gulp start

[09:45:24] Using gulpfile C:\xampp\htdocs\project\gulpfile.js
[09:45:24] Starting 'configDecisionTask'...
Error: gulpconfig.jsが設定されていません。
Error: タスクを終了します。
[09:45:24] 'configDecisionTask' errored after 1.47 ms
[09:45:24] Error
at configDecisionTask (C:\xampp\htdocs\project\gulpfile.js:50:11)
at bound (domain.js:416:15)
at runBound (domain.js:427:12)
at asyncRunner (C:\xampp\htdocs\project\node_modules\async-done\index.js:55:18)
at processTicksAndRejections (internal/process/task_queues.js:77:11)
[09:45:24] 'start' errored after 4.11 ms
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! eccube@4.0.4 start: `gulp start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the eccube@4.0.4 start 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! C:\Users\user\AppData\Roaming\npm-cache\_logs\2021-05-25T00_45_24_026Z-debug.log

----------------------------------------------------------------------------------

私のプロジェクト配下にgulpfile.jsはあるものの、gulp/config.jsがそもそもなかったため、Githubから
gulpfile.jsを差し替え、gulpフォルダをもってきて再びnpm run startするとGulpがうまく動きました。

しかしsassの任意の値を変え、ブラウザが変更されるか検証したところうまくいきませんでした。

そこでchromeのdevtoolからhtml/template/project/assets/cssからちゃんと読み込まれているかどうか確認したところ、

http://localhost/project/html/template/project/assets/css/project/assets/cssという階層から読み込まれていることが分かりました。

エディタで見てもそのような階層はないのでどうしたらいいか困っています。

gulpの設定でパスを変えたらうまくいくのでしょうか?

その際どのファイルをいじったらいいのでしょうか?

よろしくお願いします。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は73,070名です
総投稿数は102,123件です

投稿数ランキング

1
seasoft
7333
2
468
3078
3
AMUAMU
2712
4
nanasess
2179
5
umebius
2030
6
yuh
1612
7
red
1453
8
h_tanaka
1090
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.