Erreur de montage du module: TypeError: Impossible de lire la propriété 'context' undefined-react js

Je veux construire mon projet

J'ai écrit ce code pour construire mon projet npm run build, Mais j'ai eu cette erreur:


ERROR in ./src/public/webfonts/fa-solid-900.svg
Module build failed: TypeError: Cannot read property 'context' of undefined
at Object.loader //Users/mohammadmehdi/Documents/Work/sevenapp/node_modules/file-loader/dist/index.js:34:49/
@ ./node_modules/css-loader??ref--5-1!./src/public/css/fontawesome-all.css 7:72144-72185
@ ./src/public/css/fontawesome-all.css
@ ./src/index.js

ERROR in ./src/public/webfonts/fa-brands-400.svg
Module build failed: TypeError: Cannot read property 'context' of undefined
at Object.loader //Users/mohammadmehdi/Documents/Work/sevenapp/node_modules/file-loader/dist/index.js:34:49/
@ ./node_modules/css-loader??ref--5-1!./src/public/css/fontawesome-all.css 7:70780-70822
@ ./src/public/css/fontawesome-all.css
@ ./src/index.js


C'est mon
webpack.config.js

:


const HtmlWebPackPlugin = require/"html-webpack-plugin"/;

const htmlWebpackPlugin = new HtmlWebPackPlugin/{
template: "./public/index.html",
filename: "./index.html"
}/;

module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
},
{
//test: /\.css$/,
test:/\./s*/css$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]_[local]_[hash:base64]",
sourceMap: true,
minimize: true
}
}
]
},
{
test: /./ttf|otf|eot|png|svg|woff/2/?//\?[a-z0-9]+/?$/,
use: [
{
loader: 'url-loader',
options: {
limit : 8192
}
}
]
},
{
test: /./ttf|otf|eot|png|svg|woff/2/?//\?[a-z0-9]+/?$/,
use: [
{
loader: 'file-loader',
options: {
outputPath: 'fonts/',
name: '[name][hash].[ext]'
}
}
]
}
]
},
plugins: [htmlWebpackPlugin]
};


Je ne sais pas quel est mon problème!
ma OS est un macOS highSierra version 10.13.3 nouer JS version 10 réagir des versions 16.2
j'utilise npm version 6.0.1 et webpack version 4.
je pense que webpack Ne connait pas mes fichiers de polices/par exemple, ttf, otf, eot,.../
Invité:

Gilles

Confirmation de:

Ce problème s'est posé en raison du changement effectué dans webpack v4. Découvrez ce problème dans
https://github.com/webpack/webpack/issues/6064
. Vous pouvez soit aller avec le chemin de contournement, qui est offert un peu plus bas sur le site, qui réside dans l'ajout d'un autre plugin comme suit dans votre configuration. webpack:


new LoaderOptionsPlugin/{
options: {
context: process.cwd// // or the same value as `context`
}
}/


Ou vous pouvez mettre à jour la version
file-loader

avant que V1.1.6
https://github.com/webpack-con ... 1.1.6
Dans lequel ce problème sera résolu.

Pour répondre aux questions, connectez-vous ou registre