11

を解決することはできません。ここでWebPACKのエラー - 私は私のWebPACK-devのサーバーを起動するNPMとき、私はこのエラーを取得していますファイルまたはディレクトリ

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 

は私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' 
    }) 
    ] 
}; 
+0

あなたが提供したデータがあなたを助けるには不十分です。 – Vincenzo

+0

@Vincenzo他に何が必要ですか? – Kayote

+0

ディレクトリが存在することを確認しますか? – jomofrodo

答えて

0

同じ問題が私が会った。私はgithub Error : ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory'#981で答えを見つけました。しかし残念なことに、webpack 1.15.12では、--allow-incompatible-updateが削除されました。また、私は設定した場合、エントリの種類は、entry: [entry.js]として配列、ある発見、WebPACKのは実行されますが、別のエラーがスローされます:(

私はそれがうまくいけば、あなたを助けることができる願っています。

+0

更新いただきありがとうございます。私が見つけた唯一の解決策は、何度も繰り返し試みることでした。最終的にビルドの1つが機能し始めます! – Kayote

+0

だから私はまだ方法を見つけようとしています。もう一つ、私が使用するwebpackのバージョンは1.15.12ではなく1.12.11です。 – Cin

6

OKいずれかがこの問題に直面した場合、あなたは2つの方法でそれを解決することができます:

方法1:

の1-

(お使いの場合には、フォルダ "{project_dir}/app/package.json"内に置く)あなたのエントリフォルダ内にpackage.jsonというファイルを追加します

あなたのエントリファイルは、例えば離れてあなたのプロジェクトのホームディレクトリから少なくとも2レベルであるように変更します。2は

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

方法:このファイル内

2 - は、例えば任意のJSONオブジェクトを記述します。 "{project_dir}/src/app"

説明:各エントリのファイルのWebPACKのためこのエントリファイル包みWebPACKの構成のためにそれを使用するためにpackage.jsonというファイルがモジュールで見つけようとします、あなたのエントリファイルを置くだけで1ルあなたのプロジェクトのhome dir webpackからあなたのプロジェクトファイルpackge.jsonがエントリファイルの設定ファイルとして使用され、設定ミスのため失敗します。

+0

私は関連するエラーが出ているかどうかは完全にはわかりませんが、もしそうすれば(私はそう信じる理由があります)、私の場合はあなたの声明が成立していないようです。 * root/source/application/bootstrap.ts *にエントリポイントがあります。それは見つかりましたが、* app.module.ts *にロードしようとすると、ファイルが見つからないと表示されます(ただし、導入されたエラーにはまだ反応しますが、これは驚くべきことです)。それに対するコメント? –

+0

非nodejs Webアプリケーションの「エントリファイル」は何でしょうか? – StingyJack

2

ブラウザのコンソールを確認する必要があります。より詳細な情報を提供します。私の場合は

:だからここ

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 

はエラーが不足している(またはスペルミス)Javaスクリプトファイルです。

関連する問題