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下的package.json中添加"build":"webpack"后尝试了"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

继续该教程。

找不到模块：错误：无法解析'/ Users / jonathankuhl / Documents / Programming / node js / sandbox / webpack-app'

2 个答案: