Vue项目初始化时遇到的问题记录

 
 

近日找了一个Vue的小项目准备练练手,在初始化项目的时候遇到了下面的几个问题:

1. 将代码克隆下来后,在项目的跟目录执行 npm install 时报错,信息如下:

看到问题后,我首先想到的是strip-json-comments包的版本过低导致的,于是运行命令 npm view strip-json-comments ,果然结果中显示最新版本已经到了3.1.1了

那么第一个解决办法就是修改package-lock.json文件中相对应包的版本,之后再重新 install 就可以了。

而第二个办法是在我准备从npm源来解决,首先进入到淘宝npm的官网:https://developer.aliyun.com/mirror/NPM?from=tnpm,在使用说明里面提到了这么一点:

于是按照这个进行安装后,使用 cnpm install 完全没有报错。关于第二点的原因我现在也还不太清楚,如果哪位读者知道的话可以留言解释一下,不胜感激!

2. 依赖安装完成后,运行 cnpm run dev 时又遇到了一个报错,如下:

这个问题解决起来要简单的多,只要在项目的根目录下创建 postcss.config.js 文件,里面写上以下内容即可。

module.exports = {
	plugins: {
		'autoprefixer': {
			browsers: 'last 5 version'
		}
	}
}

以上就是我在初始化 vue 项目时遇到的两个小问题,本人是前端新手,最后也还是没太了解问题背后的原因是什么,先记录下。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值