複数の./main.jsでエラーが発生しました。モジュールが見つからない：エラー： '/ home/user/workspace/webpack'を解決できない

2つの独立したjavascriptファイルをバンドルする際に問題が発生しています。複数の./main.jsでエラーが発生しました。モジュールが見つからない：エラー： '/ home/user/workspace/webpack'を解決できない

index.htmlを

<html> 
<head> 
<title>experiment</title> 
<script src="main.js"></script> 
<script src="new.js"></script> 
</head> 
<body> 
<form> 
<button onclick="firstButton();">firstButton</button> 
<button onclick="secondButton();">secondtButton</button> 
</form> 
</body> 
</html>

main.js

function firstButton() { 

console.log("First Button");  
}

new.js

function secondButton(){ 
    alert("Second Button"); 
}

webpack.config.js

module.exports = { entry: './main.js', output: { filename: './bundle.js' } };

のWebPACKを実行しています。コマンドは、端末

Hash: 8a3cc31d526703c3b9fa 
Version: webpack 2.5.1 
Time: 88ms 
     Asset  Size Chunks    Chunk Names 
./bundle.js 2.91 kB  0 [emitted] main 
    [0] ./main.js 57 bytes {0} [built] 
    [1] multi ./main.js . 40 bytes {0} [built] 

ERROR in multi ./main.js . 
Module not found: Error: Can't resolve '/home/user/workspace/webpack' in '/home/user/workspace/webpack' 
@ multi ./main.js .

に、このエラーを取得しても、私は

[email protected]:~/workspace/webpack$ webpack . 
Hash: 44a14163f4c0c760c3ad 
Version: webpack 2.5.1 
Time: 89ms 
    Asset  Size Chunks    Chunk Names 
bundle.js 2.69 kB  0 [emitted] b 
    [0] ./main.js 57 bytes {1} [built] 
    [1] ./new.js 51 bytes {0} [built] 

ERROR in Entry module not found: Error: Can't resolve '/home/user/workspace/webpack' in '/home/user/workspace/webpack' 

ERROR in chunk a [entry] 
bundle.js 
Conflict: Multiple assets emit to the same filename bundle.js

出典

2017-05-24 Mayank Sethi

どれ...これは私が取得していますエラーです。このwebpack.config.js

const config = { 
    entry: { 
    a : './main.js' , 
    b : './new.js' 
    } , 
    output: { 
    filename: 'bundle.js', 
    path: '/home/user/workspace/webpack' 
    } 
}; 

module.exports = config;

を試してみましたwebpack CLIの引数はエントリポイントとして解釈されます（Command Line Interface (CLI)参照）。あなたが実行すると：.は、現在のディレクトリとのWebPACKに対応

webpack .

は、エントリポイントとして使用する必要があり、それからモジュールを、解決しようとします。

あなたはすでにので、引数なしのWebPACK実行する必要があり、あなたのWebPACKの設定でエントリポイントを設定している：

webpack

出典

2017-05-24 12:30:58

私はまだ問題に直面しています..あなたが私をさらに解決するのに役立つことができますか？ –

各エントリポイントは別々のバンドルを作成するので、異なる出力名を使用する必要があります。 'filename： '[name] .bundle.js''です。詳細については、['output.filename']（https://webpack.js.org/configuration/output/#output-filename）を参照してください。 –

うまくいきました。ファイルをバンドルしました。 a.bundle.jsとb.bundle.js –

複数の./main.jsでエラーが発生しました。モジュールが見つからない：エラー： '/ home/user/workspace/webpack'を解決できない

答えて

関連する問題