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:
C'est mon
:
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,.../
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,.../
Aucun résultat connexe trouvé
Invité:
Pour répondre aux questions, connectez-vous ou registre
1 réponses
Gilles
Confirmation de:
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
avant que V1.1.6
https://github.com/webpack-con ... 1.1.6
Dans lequel ce problème sera résolu.