简单说一下关于vue脚手架遇到的bug

webpack 和 webpack-cli 安装和使用中出现的问题

因为国内防火墙的原因,建议首先安装 cnpm:

  使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org

  【注】G:\MyWeb\...处为自定义的文件夹地址

 

安装 webpack 和 webpack-cli:

  可以用 cnpm install webpack -D 和 cnpm install webpack-cli -D 分别安装,也可以用 cnpm install webpack webpack-cli -D 一起安装,因为之前就出了问题,为了找问题我采用的分别安装

 

【注】下图中 cnpm i 是 cnpm install 的缩写

 

但是安装后还是有问题(此处 if ( 已经打包成功 ) return )

 

尝试在初始化时生成的 package.json 文件中添加 dev:webpack 后运行也是出错

找到提示的这个日志文件,把文件夹中的日志删除,然后重新下载依赖:

使用 cnpm install webpack -g 和 cnpm install webpack-cli -g 命令直接下载(为了试错我是分别安装的,另外使用 npm 会报错)

 

 使用 cnpm install webpack -g 命令下载

 

再使用 cnpm i webpack -D 安装,别忘了还有 webpack-cli 也要执行一遍下载和安装,是否可以使用 cnpm i webpack webpack-cli -g 和 cnpm i webpack webpack-cli -D 直接一次下载安装我没试过,折腾太久不想试了,试过的朋友可以留个言

 

最后设置好 webpack.config.js 配置文件,再次运行 webpack 打包成功

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值