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 项目时遇到的两个小问题，本人是前端新手，最后也还是没太了解问题背后的原因是什么，先记录下。