バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > sassのビルドで立ち往生、解決

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kazz_oga
投稿日時: 2020/3/27 14:29
対応状況: 解決済
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 105
sassのビルドで立ち往生、解決
▼テンプレート
[EC-CUBE] 4.0.3
[レンタルサーバ] local環境
[OS] macOS 10.15.3
[PHP] 7.2
[データベース] MySQL5.7.25
[WEBサーバ] Apache 2.0
[ブラウザ] safari
[導入プラグインの有無]
[カスタマイズの有無] sassの追加
[現象]
以下の機能、バージョンでsassのビルドがうまくいかなかったが、解決を得たので記録します。

関連機能のバージョンは次のとおり
  node v12.16.1
  npn v6.14.3
  gulp v4.0.3

1. npm installでのエラーと解決
<エラーメッセージ>
 npm ERR! node-sass@4.9.3 postinstall: `node scripts/build.js`
 npm ERR! Exit status 1
 npm ERR!
 npm ERR! Failed at the node-sass@4.9.3 postinstall script.
<他の発生現象>
 eccube/node_modules/node_sassが作られない
<対策>
 package.jsonのdevDependenciesに以下を追加


"devDependencies": {

"__coment": "modified for npm@6.14.3, ",
"jquery": "3.4.1",
"css-loader": "3.4.2",
"node-sass": "4.13.1",
"sass-loader": "8.0.2",
"popper.js": "1.16.1",
"webpack": "^4.42.1",
"ajv": "~6.12.0"
}

2. npm run buildでのエラーメッセージと解決
 gulpがv4になることで次の二点の違いがあるようだ
  1) gulp.taskの引数が変わった
  2) function内で処理の終了通知doneが必要となった。

<1)によるエラーメッセージ>
 assert.js:385
  throw err;
  ^
 AssertionError [ERR_ASSERTION]: Task function must be specified
<対応>
 gulp file.jsの変更
 前  gulp.task('sass', function() {
 修正 gulp.task('sass', gulp.series(function() {

 修正 })); ←)が増える
:
 前  gulp.task(‘minifiy-css’, function() {
 修正 gulp.task(‘minifiy-css', gulp.series(function() {

 修正 })); ←)が増える
:
 前  gulp.task("default", ["sass", "minify-css"]);
 修正 gulp.task("default", gulp.series(["sass", "minify-css"]));

< 2)によるエラーメッセージ>
 The following tasks did not complete: sass, <anonymous>
  Did you forget to signal async completion?
<対応>
 1)の修正にdoneを付け加える
 修正 gulp.task('sass', gulp.series(function(done) {
      :
 修正  done(); ← returnの前に入れた
    return es.concat(events);
      :
 修正 gulp.task(‘mi’nify-css’, gulp.series(function(done) {
      :
 修正  done();  ← returnの前に入れた
    return es.concat(events);

参考
https://laboradian.com/update-npm-packages/#1_npm
https://satoyan419.com/gulp-v4/
https://qiita.com/tatsuo-iriyama/items/08ba4bd621b7fdedcc4e
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

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

統計情報

総メンバー数は62,534名です
総投稿数は96,373件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2338
4
nanasess
2044
5
yuh
1612
6
umebius
1588
7
red
1404
8
h_tanaka
1011
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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