npm create umi 报错 npm ERR! Unexpected end of JSON input while parsing near...

背景

最近刚开始接触Ant-Design，想着按照官网上提示的方法创建ant-design-pro框架来进行ant-degisn的学习，但是使用官网说的两个命令并不能显示下一步选择ant-design-pro框架。

yarn create umi
npm create umi

于是进行了一番查阅解决了我目前的问题，仅供参考，不保证能解决类似的问题

报错信息

运行 npm create umi 命令会报以下错误，即使使用 cnpm 还是会报同样的错误，最开始我是以第一行进行查询，找到的结果都是什么在 npm install 环节出现了该问题，删除node_modules文件夹，清空缓存再安装，感觉并没有什么用

解决过程

之后仔细看了看报错信息，发现最后一行报错 Install for create-umi@latest failed with code 1 。那么有可能就是 create-umi 的问题，于是查询 create-umi ，在淘宝镜像的网站上查到了该关键词：https://npm.taobao.org/package/create-umi/v/0.13.5

前面说的都差不多，直到我看到了一行信息

那么就试一试手动安装 create-umi ，果然解决了问题

解决方法

首先手动安装 create-umi

cnpm install create-umi

之后再次执行以下命令，就会出现期待已久的选择项

npm create umi

之后就可以愉快地进行代码的编辑了。

实际上我们可以注意到执行该命令后，最后执行的还是git的clone命令，所以其实直接使用git进行clone也是没有问题的

另，之前使用yarn进行创建时，应该是网络问题，今天再次尝试后成功创建，当然不排除也是由于create-umi未安装的问题

注意事项

• 首先在手动安装 create-umi 时，不要 进行全局安装，也就是不要使用 -g 的命令，至少对于我个人来说，全局安装之后，再执行 npm create umi 会报以下错误
  
• 其次在使用该命令时，完整命令应该是如下的状态，directoryName表示新建的文件夹用来保存clone的项目，或者先新建一个空文件夹，再运行除去directoryName的命令，因为默认路径是当前运行该命令的路径，非空文件夹会报错，创建失败

  npm create umi directoryName
  

以上，就是我个人针对该问题的解决思路以及解决方法，仅供参考
转载请注明出处