Webpack 4:未找到输入模块中的错误:错误:无法解决。/src‘

Question

我第一次尝试运行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'

Answer 1

解析

花了很多时间找出解决办法。

index.js解决方案:将文件添加到 src 文件夹.

就这样！..已解决:)

在研究过程中，我发现了一些关于webpack 4的事实：

默认情况下，webpack 4不需要配置文件！

webpack 4有不需要定义入口点：它将./src/index.js作为默认！

Answer 2

在now.sh上部署时遇到了此问题

解决方案:使用默认行为

将入口点移动到src/index.js**.**

这个杠杆作用是entry

默认情况下，它的值是./src/index.js，但是可以通过配置webpack配置中的entry属性来指定不同的入口点(或多个入口点)。

解决方案:要具体

正如@Lokeh所指出的，如果您不想更改JS文件位置，可以始终在您的path.resolve()中使用webpack.config.js

entry: path.resolve(__dirname, 'src') + '/path/to/your/file.js',

Answer 3

在webpack.config.js中显式添加上下文，为我解决问题。调整项目中的以下代码：

context: __dirname + '/src',
entry: './index.js',