2017-11-24 17 views
0

webpackをdevの依存関係としてインストールし、webpack.config.jsを設定しました。いくつかの理由からWebpack missingmoduleモジュール "scripts/build.js"を見つけることができません

webpack.config.jsファイルの内容

const path = require('path'); 

module.exports = { 
    entry: './scripts/test.js', 
    output: { 
     path: path.resolve(__dirname, 'scripts'), 
     filename: 'build.js' 
    } 
}; 

私は問題が何であるかを知ることができ、それは次のようなエラーに

build.js:10431 Uncaught Error: Cannot find module "scripts/build.js" 
    at webpackMissingModule (build.js:10431) 
    at Object.<anonymous> (build.js:10431) 
    at __webpack_require__ (build.js:10372) 
    at build.js:10415 
    at Object.<anonymous> (build.js:10418) 
    at __webpack_require__ (build.js:20) 
    at Object.<anonymous> (build.js:86) 
    at __webpack_require__ (build.js:20) 
    at Object.defineProperty.value (build.js:63) 
    at build.js:66 

を投げていますか?

test.jsファイルの内容は

console.log("testing"); 

私が使用しているコマンドです。

./node_modules/webpack/bin/webpack.js ./scripts/test.js ./scripts/build.js 
+0

設定ファイルを実行するために使用しているコマンドを入力してください。 – brandNew

+1

ソースとビルドディレクトリを分けておくことをお勧めします。したがって、ビルドの出力として生成されたスクリプトを誤ってインポートすることはありません。 'test.js'の内容を投稿できますか? –

+0

@fshock私が使用したコマンドを追加します。 – forethought

答えて

0

あなたはこのようにWebPACKのを実行する場合:、

./node_modules/webpack/bin/webpack.js ./scripts/test.js ./scripts/build.js

をあなたはは、すべての設定ファイルを持っていなければなりません。

は、下のスクリーンショットを見たことがあります:webpack.config.jsが存在しながら、ここで

、私は、コード例ではあなたのような手動WebPACKを走りました。その後、webpack.config.jsファイルを削除し、同じコマンドを実行しました。あなたが見ることができるように

enter image description here

、WebPACKの設定ファイルを持って、手動でのWebPACK実行するには、そのエラーを与え、それ以外の場合はしません。

あなたがそうしたように手動でwebpackを実行する場合は、webpack設定ファイルを移動(または再検討)するか、単純に手動で行う作業を行うことを検討してください。

+0

webpackのCLIを使用するときの最後の引数は、設定ファイルが存在しない場合の出力と見なされます。 "'設定ファイルなしの使用:webpack [] '' –

+0

私は上記のスクリーンショットを付けました。私は、 'scripts'フォルダに存在する2つのファイルを提供し、それがうまくバンドルされているconfigファイルなしでwebpackを走らせました。私はもう一度configを実行せずに、2つのファイルを提供し、もう1つは存在しません。あなたが '--output-filename'を指定しない限り、2番目のファイルも入力として扱われます。 – brandNew

+0

あなたが正しいです、私は 'webpack.config.js'を削除しました。この' webpack [] 'はうまくいきました。ありがとう、答えを更新する。 – brandNew

関連する問題