web-dev-qa-db-fra.com

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

Je reçois cette erreur lorsque je lance npm mon webpack-dev-server:

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'
    })
  ]
};
javascriptnode.jswebpackwebpack-dev-servernpm-liveserver
12
Kayote

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

Méthode 1:

1- Ajoutez un fichier nommé package.json dans votre dossier d’entrée (dans votre cas, placez-le dans le dossier "{project_dir}/app/package.json")

2- Dans ce fichier, écrivez n'importe quel objet Json, par exemple:

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

Méthode 2:

Modifiez vos fichiers d'entrée pour qu'ils soient au moins à 2 niveaux du répertoire de base de votre projet, par exemple: "{project_dir}/src/app"

Explication: pour chaque fichier d'entrée, Webpack essaie de trouver un fichier appelé package.json à utiliser pour la configuration de WebPack, car ce fichier d'entrée est un module. Lorsque vous placez votre fichier d'entrée à un niveau seulement de votre webpack utilisera votre projet packge.json comme fichier de configuration pour votre fichier d'entrée et échouera à cause d'une configuration manquée.

6
Fareed Alnamrouti

Vous devriez vérifier la console du navigateur. Il fournit des informations plus détaillées.

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

Alors voici l’erreur un fichier script Java manquant (ou mal orthographié).

2
Matthias M

Le même problème que j'ai rencontré. J'ai trouvé une réponse dans github Erreur: ERREUR dans le module Entrée introuvable: Erreur: Impossible de résoudre le fichier ou le répertoire # 981 . Malheureusement, dans le Webpack 1.15.12, le --allow-incompatible-update a été supprimé. En outre, j'ai constaté que lorsque le type d'entrée est défini sur array, tel que entry: [entry.js], Webpack s'exécutera, mais jette une autre erreur :(

J'espère que cela pourra vous aider, espérons-le.

0
Cin