バージョン選択

フォーラム

メニュー

オンライン状況

51 人のユーザが現在オンラインです。 (45 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 51
もっと...

サイト内検索

質問 > 管理機能 > 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の設定でパスを変えたらうまくいくのでしょうか?

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

よろしくお願いします。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » sassのコンパイルがうまくいきません rattsl 2021/5/25 11:56

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,307名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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