Erreur Webpack - Impossible de résoudre le fichier ou le répertoire

J'obtiens cette erreur quand je mnp commencer mon webpack-dev-serveur:

ERROR in multi main
Module not found: Error: Cannot resolve 'file' or 'directory' /var/www/html/151208-DressingAphrodite/app in /var/www/html/151208-DressingAphrodite
 @ multi main

Voici mon webpack.config.js:

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require ('html-webpack-plugin');

const PATHS = {
  app: path.join (__dirname, 'app'),
  build : path.join (__dirname, 'build')
};

module.exports = {
  entry : [
    'babel-polyfill',
    'webpack-dev-server/client?http://localhost:8080',
    PATHS.app
  ],
  output : {
      publicPath : '/',
      filename : 'dressingaphrodite.js',
      hash : true
  },
  debug : true,
  devServer : {
    contentBase : './app'
  },
  devtool : 'source-map',
  module : {
    loaders : [
      {
        test : /\.jsx?$/,
        include : PATHS.app,
        loader : 'babel-loader',
        query : {
          presets : ["es2015"]
        }
      },
      {
          test: /\.css$/,
          include: PATHS.app,
          loader: 'style!css'
      }
    ]
  },
  plugins : [
    new HtmlWebpackPlugin ({
      title : 'Dressing Aphrodite',
      filename : 'da.html'
    })
  ]
};

source d'informationauteur Kayote

  1. 6

    ok si quelqu'un face à ce problème, vous pouvez le résoudre en 2 méthodes:

    Méthode 1:

    1 - ajouter un fichier de package.json à l'intérieur de votre entrée de dossier (dans votre cas le mettre dans le dossier "{project_dir}/app/package.json")

    2 - à l'intérieur de ce fichier d'écrire n'importe quel objet json par exemple:

    {
  "name": "webpack why you do diss :("
}

    Méthode 2:

    Modifier vos fichiers d'entrée pour être au moins de niveau 2 à l'écart de votre projet de maison répertoire, par exemple: "{project_dir}/src/app"

    Explication: pour chaque entrée du fichier webpack vais essayer de trouver un fichier appelé package.json à l'utiliser pour webpack configuration en cas cette entrée est un fichier de module, lorsque vous mettez votre entrée un fichier seulement 1 niveau loin de votre projet de maison dir webpack de l'utilisation de vos projet packge.json comme fichier de configuration de votre entrée de fichier et qu'il va échouer, car de manquer de configuration.

  2. 2

    Vous devriez vérifier le navigateur de la console. Il fournit de plus amples informations.

    Dans mon cas:

    Uncaught Error: Cannot find module "./src/index"
at webpackMissingModule (webpack:///multi_main?:4)
at eval (webpack:///multi_main?:4)
at Object.<anonymous> (bundle.js:586)
at __webpack_require__ (bundle.js:556)
at bundle.js:579
at bundle.js:582

    Voici donc l'erreur manquant (ou mal orthographié) fichier de script java.

  3. 0

    Le même problème que j'ai rencontré. J'ai trouvé une réponse dans github Erreur : ERREUR dans le module d'Entrée introuvable: Erreur: Impossible de résoudre "fichier" ou "répertoire'#981. Mais malheureusement, dans webpack 1.15.12, le --allow-incompatible-update a été supprimer. Aussi, j'ai trouvé lors de définir le type d'entrée est ensemble, telles que entry: [entry.js]webpack fonctionnera, mais jeter une autre erreur:(

    Je souhaite que cela peut vous aider, je l'espère.