我正在尝试完成有关 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/