web-dev-qa-db-fra.com

Nom de fichier de sortie non configuré Erreur dans Webpack

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

javascriptreactjswebpack
21
anandharshan

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.

16
spiffysparrow

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

10
Sudeep K Rana

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.

10
bigtex777

Vous DEVEZ avoir un fichier nommé webpack.config.js à la racine du projet.

6
Tiago Gouvêa

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

2
theterminalguy

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.

2
meij

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.

1
Nicholas Murray

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é.

0
Imir Hoxha

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'));
0
Shaun

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.

0
strausd
  1. créer un fichier @ répertoire racine webpack.config.js 
  2. coller ci-dessous le code dans ce fichier 
 module.exports = {
 entrée: "./app.js",
 sortie: {
 nom de fichier: "bundle.js" 
 }, 
 regarder: vrai 
}
  1. app.js devrait également se trouver dans le répertoire racine. écrivez en dessous de la ligne dans le fichier app.js:
 document.write ('bienvenue à réagir v2 app');

REF. https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.a64eeonhn

0
Brijmohan Karadia

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.

0
betmakh

é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

0
Bikky Kumar

Vous trouverez ci-dessous les éléments à vérifier lorsque vous obtenez cette erreur.

  • Si votre commande en cours d'exécution webpack se trouve dans le répertoire où réside le fichier Webpack.config.js.
  • Vous pointez peut-être sur le répertoire incorrect de votre terminal.
  • Erreur typographique avec le nom de fichier "webpack.config.js".
  • Aucun module à exporter dans votre fichier de configuration.
  • Recherchez erreur de frappe dans votre fichier de configuration
0
Ignatius Andrew

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

0
Shiyas Cholamukhath