webpack打包报错:ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error: Can't resolve '.\

本文详细解析了Webpack新手常遇的两个打包错误:找不到模块和拼写错误导致的问题。介绍了如何正确使用最新版本的Webpack进行打包,并强调了代码拼写检查的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

刚接触webpack,完美的安装最新版本和cli后,第一个打包就除了问题,可谓是把我自己气到。两个错误:

ERROR in multi ./src/main.js ./dist/bundle.js
Module not found: Error: Can’t resolve ‘.\dist\bundle.js’ in ‘F:\others\XAMPP\htdocs\vue\webpack-study’
@ multi ./src/main.js ./dist/bundle.js main[1]

ERROR in ./src/main.js
Module not found: Error: Can’t resolve ‘juery’ in ‘F:\others\XAMPP\htdocs\vue\webpack-study\src’
@ ./src/main.js 5:0-22 8:0-1 9:1-2 10:1-2
@ multi ./src/main.js ./dist/bundle.js
运行:F:\others\XAMPP\htdocs\vue\webpack-study> webpack .\src\main.js .\dist\bundle.js
在这里插入图片描述
然后百度一下和我一样遇到这个错误的小可爱,看了好几个帖子,然后,终于:改完成了!!!!

第一个错误
其实就是因为我的版本是最新的webpack,所以有些命令不一样了(看着文档做的还出错);
解决方法:F:\others\XAMPP\htdocs\vue\webpack-study> webpack .\src\main.js -o .\dist\bundle.js
这样就可以啦:多了个 -o 。

第二个错误
juery的拼写,检查自己js文件的代码,在导入的时候是不是写错了。

import $ from 'jquery';

在这里插入图片描述
这样就生成了bundle.js文件。在浏览器运行就可以正常了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值