webpack プロジェクトを作成しました。私のプロジェクトは私のマシンで動作しますが、マシンにubuntuがインストールされているすべてのチームメイトのラップトップで(私のものはzorinです-ubuntuベースのディストリビューションです)、プロジェクトでイメージを使用すると、開発サーバーは次のエラーをスローします. しかし、自分のマシンの同じプロジェクトでイメージを使用できます。問題が何であるかを理解できませんでした。
ERROR in ./images/favicon.png
Module build failed (from ../node_modules/image-webpack-loader/index.js):
Error: Cannot find module 'gifsicle'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (/home/ranjith/Desktop/project/FORTRAN/node_modules/imagemin-gifsicle/index.js:3:18)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
@ ./index.html (../node_modules/html-webpack-plugin/lib/loader.js!./index.html) 3:33-64
これは私のコードです
.mainLogo {
background: url('../../images/logo/logo_mini_dark.jpg');
background-repeat: no-repeat;
width: 3rem;
height: 3rem;
}
Here is my webpack configuration for images
{
test: /\.(gif|png|svg|jpeg|jpg)$/i,
exclude: /fonts/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[contenthash].[ext]',
outputPath: 'images',
}
},
{
loader: 'image-webpack-loader',
options: {
name: '[name].[contenthash].[ext]',
outputPath: 'images',
}
},
],
},