一息-imageminは：</p> <ul> <li>窓7</li> <li>ノード6.9.5</li> </ul> <p>私は<a href="https://www.npmjs.com/package/gulp-imagemin" rel="nofollow noreferrer">this npm</a>のようなプラグインを使用します。envデフォルトのプラグインのXXX

Question

をロードできませんでした。しかし、私はエラーが発生します。いくつかのビデオから、それは正しいです。 imageminのバージョンに関連していますか？私はnpm install imagemin-optipng使用

[13:05:56] Using gulpfile ~\Desktop\study\angularapp\gulpfile.js 
[13:05:56] Starting 'image'... 
[13:05:56] Finished 'image' after 6.96 ms 
[13:05:56] gulp-imagemin: Couldn't load default plugin "gifsicle" 
[13:05:56] gulp-imagemin: Couldn't load default plugin "jpegtran" 
[13:05:56] gulp-imagemin: Couldn't load default plugin "optipng" 
[13:05:56] gulp-imagemin: Minified 1 image (saved 0 B - 0%) 

、しかし、それはまだ動作しません：I "一気の画像は"、エラーを得

// gulpfile.js 

var gulp = require('gulp'); 
var imagemin = require('gulp-imagemin'); 

var app = { 
    srcPath: 'src/', 
    devPath: 'build/', 
    prdPath: 'dist/', //生产部署 
} 
gulp.task('image', function() { 
    gulp.src(app.srcPath + 'image/**/*') 
    .pipe(gulp.dest(app.devPath + 'image')) 
    .pipe(imagemin()) 
    .pipe(gulp.dest(app.prdPath + 'image')) 
}) 

。このような 依存関係：

"devDependencies": { 
"clean-css": "^4.0.5", 
"gulp": "^3.9.1", 
"gulp-clean": "^0.3.2", 
"gulp-concat": "^2.6.1", 
"gulp-connect": "^5.0.0", 
"gulp-cssmin": "^0.1.7", 
"gulp-imagemin": "^3.1.1", 
"gulp-less": "^3.3.0", 
"gulp-load-plugins": "^1.5.0", 
"gulp-uglify": "^2.0.1", 
"lodash": "^4.17.4", 
"open": "^0.0.5" 

}

それに起こった何？

Answer 1

これは、node 6のように見えます。このプロジェクトで使用しているバージョンをダウングレードしてみてください。私はgifsicleのインストールエラーを6.9.5ではなく6.3.1ではなく（すべてのバージョンを間違えて試していない）。

ノードのバージョンの切り替えに慣れていない場合は、nvmを使用することをお勧めします。

は https://github.com/creationix/nvm#installationでノート（すべてではないのOSがサポートされている）を読み、その後、

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash 

nvmドキュメントが徹底され実行されますが、基本的にあなたがしてnvm use YOURVERSIONNUMBERをnvm install YOURVERSIONNUMBERを実行しようとしています。 （.nvmrcとhow to automatically load your project's version of nodeを使用する方法もあります）

Answer 2

私は同じ問題があり、デフォルトのプラグインが正しくインストールされていないためです。キャッチでログエラー、我々はModule not found xxxを見ることができる場合

npm install imagemin-jpegtran imagemin-svgo imagemin-gifsicle imagemin-optipng --save 

この警告は、これらの行のコード#L12

const loadPlugin = (plugin, args) => { 
    try { 
    return require(`imagemin-${plugin}`).apply(null, args); 
    } catch (err) { 
    gutil.log(`gulp-imagemin: Couldn't load default plugin "${plugin}"`); 
    } 
}; 

で投げました。

try { 
    return require(`imagemin-${plugin}`).apply(null, args); 
} catch (err) { 
    console.log(err); // and will throw error: XX Module Not Found 
    gutil.log(`gulp-imagemin: Couldn't load default plugin "${plugin}"`); 
} 

紛失したパッケージをインストールすることができました。

も、いくつかのエラーが発生した場合は、単に再インストールimagemin

npm uninstall gulp-imagemin --save 
npm install gulp-imagemin --save