Webpack Errore - Non può risolvere file o la directory

Question

sto ottenendo questo errore quando NPM iniziare il mio 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 

Ecco il mio 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' 
    }) 
    ] 
}; 

Answer 1

Lo stesso problema che ho incontrato. Ho trovato una risposta in github Error : ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory'#981. Purtroppo, nel webpack 1.15.12, lo è stato rimosso. Inoltre, ho trovato quando impostare il tipo di voce è array, come ad esempio entry: [entry.js], webpack verrà eseguito, ma lanciare un altro errore :(

Vorrei che ti può aiutare, si spera.

Answer 2

ok se uno qualsiasi faccia questo problema , si può risolvere in 2 modi:

Metodo 1:

1- aggiungere un file chiamato package.json all'interno della cartella di entrata (nel tuo caso metterlo dentro la cartella "{project_dir}/app/package.json")

2- all'interno di questo file scrivere qualsiasi oggetto JSON per esempio:

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

Metodo 2:

Cambia i tuoi file voce da almeno 2 livello lontano dalla tua home directory del progetto, ad esempio: "{project_dir}/src/app"

Spiegazione: per ogni file di entrata webpack cercherà di trovare un file chiamato package.json di usarlo per la configurazione webpack incassa questo file ingresso è un modulo, quando si mette il file di ingresso solo 1 le lontano dal tuo progetto home dir webpack utilizzerà il tuo progetto packge.json come file di configurazione per il tuo file di ingresso e fallirà a causa della mancata configurazione.

Answer 3

Controllare la console del browser. Fornisce informazioni più dettagliate.

Nel mio caso:

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 

Così qui è l'errore un file di script java mancante (o errata).