質問 > 管理機能 > 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の設定でパスを変えたらうまくいくのでしょうか? その際どのファイルをいじったらいいのでしょうか? よろしくお願いします。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |