找不到模块:错误:无法解析'/ Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'中的'bundle.js'

Question

我正在尝试通过一个关于Webpack的非常基础的教程.我无法编译一个非常基本的单行javascript应用程序.我已多次安装和卸载它.

这只是学习如何使用Webpack的教程.我曾经npm init设置过,package.json并没有做任何其他事情来触摸该文件.我有一个index.html文件和一个app.js文件,假设要捆绑到bundle.js文件中.

我输入:webpack app.js bundle.js进入终端

我一直收到这个错误:

Jonathans-MBP:webpack-app jonathankuhl$ webpack app.js bundle.js
Hash: 8d502a6e1f30f2ad64ab
Version: webpack 4.1.1
Time: 157ms
Built at: 2018-3-20 12:25:32
 1 asset
Entrypoint main = main.js
   [0] ./app.js 18 bytes {0} [built]
   [1] multi ./app.js 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 ./app.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'
 @ multi ./app.js bundle.js

这是package.json,其中没有任何内容我没有做到npm init:

{
"name": "webpack-app",
  "version": "1.0.0",
  "description": "testing",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "webpack": "^4.1.1"
  }
}

我究竟做错了什么？我正在逐步完成教程告诉我要做的事情.我不太了解webpack,我想我应该调查一下,因为我想要一份Web开发工作.我不知道"无法解析'bundle.js'意味着什么.就好像bundle.js不存在,但它不应该存在,webpack创建它.

我已经尝试过替代方案,例如npm run build在添加"build":"webpack"到我的package.json 之后做"scripts",并且没有运气.那是在我删除整个目录并重新开始之前.我已经安装和卸载了webpack和webpack-cli几次.

我究竟做错了什么？

这是啧啧,如果重要的话:https://www.youtube.com/watch？v = lziuNMk_8eQ 这还不到一年,所以也许它有点过时了？

Answer 1

你需要bundle.js输出所以请尝试使用此命令

webpack app.js -o bundle.js

Answer 2

我还需要明确设置模式

webpack --mode=development app.js -o bundle.js 

继续该教程。