Vue init webpack报错:unable to verify the first certificate


使用vue-cli初始化webpack项目的时候,用到如下的命令进行初始化:
$ vue init webpack [project-name]

在设置了npm的代理并修改了国内的镜像仓库之后仍然报错,报错信息如下:

$ vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate

通过查资料了解到,这个问题产生的原因是我们使用了代理服务器,所以vue-cli在去下载webpack的模板的时候无法验证代理服务器的证书,所以报了这个错误。
为了解决这个错误,一种方式是关闭ssl证书的校验,但是这种方式不是所有人都有效,并且仅在你的代理服务器可信的情况下使用如下方法:

$ npm config set npm_config_strict_ssl=false

如果这种方式不管用的话,再有一种就是使用离线方式进行vue项目的初始化。

  1. 克隆webpack-template工程到本地的C:\Users[username].vue-templates文件夹,如果没有该文件夹的话就创建一个。在Windows中无法创建以.开头的文件夹,可以使用cmd或者PowerShell切换到C:\Users[username]\目录下,输入如下命令进行文件夹创建:
$ mkdir .vue-templates
  1. webpack模板的下载地址为:vuejs-templates,选择需要的模板进行clone,我这里选择的是完整的webpack的模板,可以通过如下命令将工程clone到我们上一步创建的文件夹中(前提是安装了git-bash):
$ git clone https://github.com/vuejs-templates/webpack ~/.vue-templates/webpack
  1. 如果没有安装git,也可以在github上直接将项目以zip方式下载下来,然后解压到.vue-templates中
  2. 一般来讲,如果git的clone速度太慢,除了设置代理之外,你也可以直接用第三步把zip下载下来解压……
  3. 重新运行vue初始化项目的命令,注意是离线模式
$ vue init webpack [project-name] --offline
$ cd [prject-name]
$ npm run dev

This method would work if there’s nothing goes wrong…

Logo

前往低代码交流专区

更多推荐