質問 > その他 > sassのビルドで立ち往生、解決 |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
kazz_oga |
投稿日時: 2020/3/27 14:29
対応状況: 解決済
|
一人前 登録日: 2013/8/5 居住地: 東京都北区赤羽西 投稿: 144 |
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 |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» sassのビルドで立ち往生、解決 | kazz_oga | 2020/3/27 14:29 |
Re: sassのビルドで立ち往生、解決 | kazz_oga | 2020/6/26 21:20 |