javascript - 找不到模块 : Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'

标签 javascript npm webpack

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

这只是学习如何使用 Webpack 的教程。我用了npm init设置 package.json并且没有做任何其他事情来触摸该文件。我有一个 index.html 文件和一个应该捆绑到 bundle.js 文件中的 app.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它推出不到一年,所以可能有点过时了?

最佳答案

你需要 bundle.js 作为输出,所以试试这个命令

webpack app.js -o bundle.js

关于javascript - 找不到模块 : Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49389677/

相关文章:

npm - 导出导入 npm 全局包

javascript - 如何发布 angular2 指令

javascript - 如何使用 Laravel Mix 连接已编译的 SASS 和组合的 CSS?

Javascript:根据每个数组的长度数字对数组进行排序

javascript - TypeORM:如何查询与字符串数组输入的多对多关系以查找所有字符串都应存在于相关实体列中的实体?

javascript - 无法将 CSS 应用于主干 View

javascript - 如何将 <td> 标签内的图像位置设置为左上角,而文本位于左下角

javascript - 从另一个包执行 npm 脚本

reactjs - Craco 插件未加载

vue.js - 在 Vue CLI 3 中从原始图像创建 webp 图像(作为替代版本)