我正在尝试学习 Webpack,但是当我尝试执行最简单的 webpack 命令时出现错误,因此非常令人沮丧。这是我的错误:
PS D:\Projets\#Bazar\WebPackTry> webpack src/js/main.js dist/bundle.js
Hash: 67b5c95f9d0dfcab805d
Version: webpack 4.0.0
Time: 227ms
Built at: 2018-2-25 12:41:17
1 asset
Entrypoint main = main.js
[0] ./src/js/main.js + 1 modules 83 bytes {0} [built]
| ./src/js/main.js 32 bytes [built]
| ./src/js/log.js 51 bytes [built]
[1] multi ./src/js/main.js dist/bundle.js 40 bytes {0} [built]
WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.
ERROR in multi ./src/js/main.js dist/bundle.js
Module not found: Error: Can't resolve 'dist/bundle.js' in '
D:\Projets\#Bazar\WebPackTry'
@ multi ./src/js/main.js dist/bundle.js
所以你可以看到我做了这个命令:
webpack src/js/main.js dist/buundle.js
和 webpack 给我这个错误。我尝试使用绝对路径,我认为#Bazar 路径的名称将是问题所在。
但即使在更改它们时,我也会遇到同样的错误。
我成功的唯一方法是我自己创建了一个 dist/bundle.js
但即使像这些 webpack 在我的 dist 文件夹中创建另一个文件调用
main.js
我尝试遵循多个教程,但没有找到有关此错误的任何信息。
这也是我的项目架构
WebpackTry
|-node_modules
|-dist
|-src
| |-css
| |-js
| |log.js
| |main.js
|index.html
|package-lock.json
|package.json
PS:对不起我的英语:/
PS2:我还不能发布图片,所以我复制/粘贴了我的错误
最佳答案
以下是来自 webpack 的帮助信息,输入 webpack --help 在 网络包 4
Usage without config file: webpack <entry> [<entry>] --output [-o] <output>
通知 : --输出需要明确指定
解决方案:
webpack src/js/main.js --output dist/bundle.js --mode development
添加 --输出并指定模式 选项会好的。
关于javascript - Webpack:未找到多模块中的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48973277/