wake-up-neo.com

Webpack-Fehler - Datei oder Verzeichnis können nicht aufgelöst werden

Ich erhalte diese Fehlermeldung, wenn ich meinen Webpack-Dev-Server npm starte:

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

Hier ist meine 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'
    })
  ]
};
12
Kayote

wenn jemand mit diesem Problem konfrontiert ist, können Sie es mit 2 Methoden lösen:

Methode 1:

1- Fügen Sie eine Datei mit dem Namen package.json in Ihren Eingabeordner ein (in Ihrem Fall legen Sie sie in den Ordner "{project_dir}/app/package.json").

2- Schreiben Sie in diese Datei ein beliebiges Json-Objekt:

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

Methode 2:

Ändern Sie Ihre Eingabedateien so, dass sie mindestens 2 Ebenen von Ihrem Projektverzeichnis entfernt sind. Beispiel: "{project_dir}/src/app"

Erläuterung: Für jede Eintragsdatei versucht webpack, eine Datei namens package.json zu finden, die für die Webpack-Konfiguration verwendet werden kann. In diesem Fall ist diese Eintragsdatei ein Modul, wenn Sie Ihre Eintragsdatei nur eine Ebene von Ihrem Projektverzeichnis entfernt ablegen webpack verwendet Ihr Projekt packge.json als Konfigurationsdatei für Ihre Eingabedatei und schlägt aufgrund fehlender Konfiguration fehl.

6

Sie sollten die Browserkonsole überprüfen. Es enthält detailliertere Informationen.

In meinem Fall:

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

Hier ist also der Fehler eine fehlende (oder falsch geschriebene) Java-Skriptdatei.

2
Matthias M

Das gleiche Problem, das ich traf. Ich habe eine Antwort in github gefunden Error: ERROR in Entry-Modul nicht gefunden: Fehler: 'file' oder 'directory' # 981 kann nicht aufgelöst werden. Leider wurde im Webpack 1.15.12 der --allow-incompatible-update entfernt. Außerdem habe ich festgestellt, dass der Eintragstyp Array ist, z. B. entry: [entry.js]. Webpack wird ausgeführt, es wird jedoch ein anderer Fehler ausgegeben :(

Ich wünschte, es kann dir hoffentlich helfen.

0
Cin