webpack-4を初めて実行しようとしました
webpack ./src/js/app.js ./dist/app.bundle.js
警告/エラーが表示されます:
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/
ERROR in multi ./src/js/app.js ./dist/app.bundle.js
Module not found: Error: Can't resolve './dist/app.bundle.js' in 'D:\wamp64\www\webpack-4'
@ multi ./src/js/app.js ./dist/app.bundle.js
その後、モードを変更しようとしました
webpack --mode development
それが示している :
ERROR in Entry module not found: Error: Can't resolve './src'
解決済み
解決策を見つけるために多くの時間を費やしました。
解決策:index.js
ファイルをsrc
フォルダーに追加します。
それだけです!..解決済み:)
調査中に、webpack 4に関するいくつかの事実を見つけました。
webpack 4はデフォルトでは設定ファイルを必要としません!
webpack 4ありますエントリポイントを定義する必要はありません:デフォルトとして./src/index.js
が必要です!
now.sh にデプロイするときにこの問題に遭遇しました
エントリポイントをsrc/index.js
に移動します。
これは webpack@4
entry
のデフォルト値 を活用します:
デフォルトでは、その値は
./src/index.js
ですが、webpack構成でエントリプロパティを構成することにより、異なる(または複数のエントリポイント)を指定できます。
@Lokehが指摘したように、JSファイルの場所を変更したくない場合は、webpack.config.js
で常にpath.resolve()
を使用できます。
entry: path.resolve(__dirname, 'src') + '/path/to/your/file.js',
webpack ./src/js/app.js --output ./dist/app.bundle.js --mode development
これは私のために働いた。私は同じ問題を抱えていました、それはwebpackの新しいバージョンのためです
Webpack ^ 4.29.6の時点では、設定ファイルは必要ないため、package.jsonにパスを指定する代わりに、単に「build」:「webpack」と記述し、srcフォルダーのエントリポイントとしてindex.jsを保持する必要があります。ただし、エントリポイントを変更する場合は、webpack構成ファイルで変更できます。