javascript - Webpack:未找到多模块中的错误

标签 javascript webpack module path

我正在尝试学习 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/

相关文章:

javascript - 使用内联样式 ReactJS 根据滚动值旋转图像

javascript - 使用与 HtmlWebpackPlugin 和 EJS 相同的模板文件?

javascript - ES2015 模块初始化不起作用

perl - 如何在运行时加载 Perl 模块?

haskell - 在 Haskell 中导入模块(初学者)

javascript - 逐步在 localStorage 中存储和加载输入数据

javascript - 静音 iframe 代码编辑

javascript - Angular 13 - 从 ByteArray 数据下载文件

reactjs - 我应该通过 .babelrc 还是 WebPack 配置 Babel?

webpack - 如何告诉 webpack 不要缩小和打包 js 文件