Webpack 4：找不到Entry模块中的ERROR：错误：无法解析'./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上部署时遇到此问题

Solution: Use Default Behavior

将入口点移至src/index.js。

这个杠杆webpack@4 default value for entry：

默认情况下，其值为./src/index.js，但您可以通过在webpack配置中配置entry属性来指定不同的（或多个入口点）。

Solution: Be Specific

正如@Lokeh所指出的，如果你不想改变你的JS文件位置，你总是可以在你的path.resolve()中使用webpack.config.js：

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

Answer 3

webpack ./src/js/app.js --output ./dist/app.bundle.js --mode development

这对我有用。我遇到了同样的麻烦，这是因为webpack的新版本

Answer 4

从webpack ^ 4.29.6开始，你不需要任何配置文件，所以我们需要简单地编写“build”：“webpack”并将index.js保存为src文件夹中的入口点，而不是在package.json中给出路径。但是，如果要更改入口点，可以在webpack配置文件中执行此操作