使用webpack进行打包时出现错误:ERROR in Entry module not found: Error: Can't resolve '

使用webpack进行打包时出现错误:ERROR in Entry module not found: Error: Can’t resolve '

解决方法步骤如下。
1.打包时报错情况如下在这里插入图片描述
2.我的解决方法是全局和局部都安装 babel-loader和babel-core。全局安装命令为npm install babel-loader -g 和 npm install babel-core -g ; 局部安装则是在项目文件夹中进行的,具体的命令为 nmp install babel-loader -D 和 npm install babel-core -D
安装好之后再次利用webpack进行打包则不报错了,运行情况如下 :
在这里插入图片描述
在这里插入图片描述

3.通过以上方法,问题已经解决了。下面分享一下一些快捷操作,就是我们在打包的时候经常会对项目进行各种各样的修改操作,所以如果每次我们都要输入一条比较长的命令利用webpack进行打包操作的话,那么这个过程就会显得比较繁琐,所以我们可以通过在项目的根目录下增加一个webpack.config.js文件来指定要打包的文件和已经打包好的文件的输入路径,具体操作如下所示。
在这里插入图片描述
//代码如下:
module.exports = {
entry:path.join(__dirname,’./src/js/main.js’),//指定打包文件
output:{
path:path.join(__dirname,’./dist’),//指定打包输入文件
filename:‘bundle.js’
}
}

4.然后就可以直接输入命令webpack对目标文件进行打包操作了
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值