Je l'avais installé globalement en exécutant npm install webpack -g et je l'avais inclus dans mon projet en exécutant npm install webpack --save-dev.
Cependant, lors de l'exécution de la commande webpack, les résultats suivants apparaissaient: Nom du fichier de sortie non configuré.
C'est la configuration du webpack:
output: {
filename: 'bundle.js',
library: 'require',
libraryTarget: 'this'
},
C’est le seul indice que je pourrais obtenir du Web :: http://anujnair.com/blog/12-output-filename-not-configured-error-from-webpack le problème
Toute aide sera appréciée
J'avais la même erreur et il s'est avéré que c'était mon nom de fichier de configuration webpack.
Je l'avais comme "webpack.config
" au lieu de "webpack.config.js
"
L'erreur "Le nom du fichier de sortie non configuré" semble se produire généralement lorsqu'il y a une faute de frappe quelque part, et que le nom de fichier est un endroit sournois que vous avez oublié de vérifier.
Les erreurs courantes de cette erreur sont des erreurs de frappe et la plupart du temps, il écrit module.export
au lieu de module.exports
. Vérifiez également que le nom du fichier doit porter l'extension .js. par exemple. webpack.config.js
Vérifiez également que le fichier webpack.config.js
est au bon endroit (en général, le répertoire racine du projet) et que les chemins répertoriés dans le fichier de configuration sont corrects.
Vous DEVEZ avoir un fichier nommé webpack.config.js
à la racine du projet.
Essayez d'exporter votre configuration en utilisant module.exports = config
où config est votre configuration dans un objet JavaScript. Dans ton cas, fais juste
module.exports = {
output: {
filename: 'bundle.js',
library: 'require',
libraryTarget: 'this'
}
}
Si cela ne résout pas vos problèmes, référez-vous au problème sur https://github.com/webpack/webpack/issues/2403
Vous avez une faute de frappe quelque part dans votre fichier webpack.config.js
. Passez en revue votre fichier de configuration. Avait un problème similaire et c'était à la suite d'une faute de frappe.
Cette erreur se produira également si vous exécutez la commande 'webpack -w' sur un répertoire ne contenant pas de fichier de configuration webpack.
Donc, si vous ouvrez une nouvelle fenêtre ou un nouvel onglet de terminal et que vous n'avez pas changé de répertoire à la racine de votre projet avant d'exécuter la commande webpack, vous recevrez l'erreur.
juste pour poster ma solution. Peut aider quelqu'un.
si vous obtenez cette erreur, il s'agit toujours d'une erreur de frappe. Dans mon cas, j'avais oublié de fermer le dernier }
avec un point-virgule à la fin, comme ceci: };
module.exports = {
entry: './index.js',
output: {
filename:'bundle.js'
}
};
Cela a fonctionné.
J'ai eu une erreur similaire et j'ai réussi à la résoudre. Le cœur du problème ne se trouvait pas dans le code webpack.config.js, mais dans mon fichier js (dans mon cas main.js) Assurez-vous que vous avez les exigences et le code de rendu corrects. Mon exemple de code est le suivant:
var React = require('react');
var ReactDOM = require('react-dom');
var Main = React.createClass({
render: function() {
return (
<div>
<h1>Hello World, lets see how you React..</h1>
</div>
);
},
});
ReactDOM.render(<Main />, document.getElementById('app'));
J'ai rencontré ce problème après avoir suivi la documentation Webpacks pour les versions de production . Je pense que la façon dont j'ai abordé la question est spécifique à la fusion de webpack.
Voici ce que leurs documents ont dans webpack.dev.js:
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
devtool: 'inline-source-map',
devServer: {
contentBase: './dist'
}
});
Mais voici ce dont j'avais besoin:
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common(), {
devtool: 'inline-source-map',
devServer: {
contentBase: './dist'
}
});
Notez que la seule modification est l'exécution de common()
au lieu de common
.
webpack.config.js
module.exports = { entrée: "./app.js", sortie: { nom de fichier: "bundle.js" }, regarder: vrai }
document.write ('bienvenue à réagir v2 app');
REF. https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.a64eeonhn
Si vous utilisez __dirname
, assurez-vous qu’il fait référence au chemin correct. Le chemin par défaut est /
, qui est la racine du lecteur local.
également après avoir vérifié le bon nom de fichier, qui devrait être 'webpack.config.js', il convient de vérifier l'emplacement du fichier 'webpack.config.js' il devrait être dans le même dossier que votre fichier package.json
Vous trouverez ci-dessous les éléments à vérifier lorsque vous obtenez cette erreur.
Je suis tombé sur cette erreur quand il y a une faute d'orthographe dans les détails de la configuration.
output: {
path: "app/dist/assets",
filname: "bundle.js",
publicPath: "assets"
},
nom de fichier mal orthographié. sur la correction de l'orthographe, ce problème est résolu